4

このマークアップがあると仮定します：

<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>このように前後にスパンタグを挿入したい</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でやりたい。誰でも方法を知っていますか？

4

2 に答える 2

7

試す

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

これは、 (つまり、そのnextSibling )の後のテキスト ノードを<a><span>

デモ

于 2012-08-31T23:06:29.860 に答える
1

spanこれにより、次の各aタグの後に空のタグが挿入されli.cat-itemます。

$('li.cat-item a').after('<span />');

jQuery - after()を参照してください。

于 2012-08-31T23:05:14.057 に答える