使用jQuery添加Tag After和Before元素

Question

假设我有这个标记:

<li class="cat-item"><a href="#">Item 1</a> 5 </li>
<li class="cat-item"><a href="#">Item 2</a> 9 </li>
<li class="cat-item"><a href="#">Item 3</a> 4 </li>
<li class="cat-item"><a href="#">Item 4</a> 3 </li>
<li class="cat-item"><a href="#">Item 5</a> 7 </li>

我想在之后<li><a>item</a>和之前插入一个span标签</li>.

<li class="cat-item"><a href="#">Item 1</a><span> 5 </span></li>
<li class="cat-item"><a href="#">Item 2</a><span> 9 </span></li>
<li class="cat-item"><a href="#">Item 3</a><span> 4 </span></li>
<li class="cat-item"><a href="#">Item 4</a><span> 3 </span></li>
<li class="cat-item"><a href="#">Item 5</a><span> 7 </span></li>

我想用jquery做.谁知道怎么样？

Answer 1

尝试

$('li.cat-item a').each(function(){
    $(this.nextSibling).wrap('<span>');
});

这将文本节点包装在<a>(即它的nextSibling)之后<span>

DEMO