jquery - 如何将 anchor 标记添加到列表中的文本

Question

我有这个列表

<ul>
<li>Test</li>
<li>Test</li>
<li>Test</li>
<li>Test</li>
</ul>

我想用 anchor 标记将列表中的所有文本包装起来，例如像这样

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

Answer 1

您可以使用 wrapInner

$('ul li').wrapInner('<a href="#"/>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul>
<li>Test</li>
<li>Test</li>
<li>Test</li>
<li>Test</li>
</ul>