Jquery 如何将锚定标记添加到列表中的文本
我有这个清单Jquery 如何将锚定标记添加到列表中的文本,jquery,html,css,Jquery,Html,Css,我有这个清单 <ul> <li>Test</li> <li>Test</li> <li>Test</li> <li>Test</li> </ul> 我想用锚定标记来包装列表中的所有文本,例如这样的东西 <ul> <li><a href="">Test</a></li> <li><a href=""&
<ul>
<li>Test</li>
<li>Test</li>
<li>Test</li>
<li>Test</li>
</ul>
我想用锚定标记来包装列表中的所有文本,例如这样的东西
<ul>
<li><a href="">Test</a></li>
<li><a href="">Test</a></li>
<li><a href="">Test</a></li>
<li><a href="">Test</a></li>
</ul>
使用jquery。内容是动态创建的,因此我无法控制要编辑的代码
我使用了一些教程中的代码,但没有成功
$("ul li").wrap(function() {
var link = $('<a/>');
link.attr('href', '');
link.text($(this).text());
return link;
});
li.html;几乎会删除每个li中的所有内容,因为我不知道这是否无关紧要,删除文本并附加一个'
li.html;几乎会删除每个li中的所有内容,因为我不知道这是否无关紧要,删除文本并附加一个'
$'ul li'.contents.wrap;
测验
测验
测验
测验
$'ul li'.contents.wrap;
测验
测验
测验
测验
你可以用
$‘ul li’。拉平纳;
测验
测验
测验
测验
你可以用
$‘ul li’。拉平纳;
测验
测验
测验
测验
我不是jQuery专业人士,我试过使用这个代码$this.wrap;;那么.wrap有什么问题呢?我不是一个jQuery专业人士,我试过使用这个代码$this.wrap;;那么.wrap的问题是什么呢?也许人们会发现它对于所需的输出来说过于复杂,而这些输出不具有否决权。我的回答没有错。这并不是最优雅的,但非常完美。向下投票的工具提示上写着:这个答案没有帮助。也许有人认为,当有一个更简单的解决方案时,这个答案过于复杂的性质有些无益。Jus‘sayin’:谢谢你的想法,但我认为$。每一个都远没有过于复杂:你几乎可以用更少的代码做任何事情,但单行程序的缺点是终极性和不灵活。也许你会发现它对于所需的输出来说过于复杂,而没有资格投反对票。我的回答没有错。这并不是最优雅的,但非常完美。向下投票的工具提示上写着:这个答案没有帮助。也许有人认为,当有一个更简单的解决方案时,这个答案过于复杂的性质有些无益。Jus‘sayin’:谢谢你的想法,但我认为$。每一个都远没有过于复杂:你几乎可以用更少的代码做任何事情,但单行程序的缺点是终极性和不灵活。
(function($) {
$(function() {
$('ul li').each(function() {
var li = $(this),
text = li.text();
// li.html('<a href="">' + text + '</a>');
li.text('').append('<a href="">' + text + '</a>');
});
});
})(jQuery);