JQuery - 如何向某些 html 添加单个 html 标签？

我只想插入一个在下面的文本之前（就在 LINK 之前）：

<li><a href="">LINK</a></li>

所以，上面就变成了

<li><a href=""><span>LINK</a></li>

这是我的 JQuery 代码：

$('#mainnav li a').prepend('<span>');

当我在 firebug 中查看代码后，我看到<span></span>，如何获取开始范围标签而不是结束标签？

首先，您想要的是格式错误的 HTML。 jQuery 将使创建它变得困难甚至不可能。我建议一次性完成，而不是多个步骤。尝试：

$("li > a").each(function() {
  $(this).contents().wrapAll("<span>");
});

Input:

<ul>
  <li><a href="...">testing</a></li>
  <li><a href="...">rich <b>content</b> with <i>inner tags</i></a></li>
</ul>

Output:

<ul>
  <li><a href="..."><span>testing</span></a></li>
  <li><a href="..."><span>rich <b>content</b> with <i>inner tags</i></span></a></li> 
</ul>