1

次のようなHTMLメニューが生成されました。

<ul class="principal-nav">
     <li><a href="#">Item 01</a> <span class="posts-amount">(12)</span></li>
     <li><a href="#">Item 02</a> <span class="posts-amount">(7)</span></li>
     <li><a href="#">Item 03</a> <span class="posts-amount">(25)</span></li>
</ul>

そして、私はそれがこのように見える必要があります：

<ul class="principal-nav">
     <li><a href="#">Item 01 <span class="posts-amount">(12)</span></a></li>
     <li><a href="#">Item 02 <span class="posts-amount">(7)</span></a></li>
     <li><a href="#">Item 03 <span class="posts-amount">(25)</span></a></li>
</ul>

私はDOMを操作しようとしましたが、私はjQueryの初心者であり、これまでのところ、取得に成功したのはこの結果だけでした。

<ul class="principal-nav">
     <li><a href="#">Item 01 <span class="posts-amount">(12)</span> <span class="posts-amount">(7)</span> <span class="posts-amount">(25)</span></a></li>
     <li><a href="#">Item 02 <span class="posts-amount">(12)</span> <span class="posts-amount">(7)</span> <span class="posts-amount">(25)</span></a></li>
     <li><a href="#">Item 03 <span class="posts-amount">(12)</span> <span class="posts-amount">(7)</span> <span class="posts-amount">(25)</span></a></li>
</ul>

これが私のjQueryコードです：

$('.principal-nav li a').append(
     $('span.posts-amount').clone().end()
);

「each」を使って何かがうまくいくと思いますが、どういうわけかまだ実現できませんでした。たくさんのボードやチュートリアルを見てきましたが、私の質問に対する答えは見つかりませんでした。

手伝ってくれてありがとう！

4

2 に答える 2

1

デモ： http： //jsfiddle.net/RJzq7/

$('.principal-nav li a').each(function () {
  $(this).next().appendTo(this);
});
于 2012-09-11T08:06:48.387 に答える
0

クローンは要素の複製コピーを作成します。したがって、代わりにappendTo（）を使用してください。

于 2012-09-11T08:30:08.360 に答える