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);