javascript - コンテナに追加/追加

Question

私は次のHTMLコードを持っています：

<div class="container">
    <div><div>...</div><a class="child" href="#">Example</a></div>..</div></div>
</div>
<div class="container">
    <div><div>...</div><a class="child" href="#">Example</a></div>..</div></div>
</div>
.
.
.
<div class="container">
    <div><div>...</div><a class="child" href="#">Example</a></div>..</div></div>
</div>

そして、私は次のJavaScriptスクリプトを持っています：

$('a.child').prependTo('div.container');

ただし、このコードでは、各a要素を独自のコンテナーの前に追加するのではなく、すべての a要素を各コンテナーの前に追加します。どうすればこれを修正できますか？

ありがとう！

Answer 1

それぞれa.childを繰り返し、その前に追加します。

$('a.child').each(function ()
{
    var $this = $(this);
    $this.prependTo($this.closest('div.container'));
});

http://jsfiddle.net/mattball/tRNUS

Answer 2

each次の方法を試すことができます。

$('a.child').each(function(){
  $(this).prependTo($(this).closest('.container'));
})

フィドル

Answer 3

div.containerとa.childは別個のセレクターとして機能しています。それらは関連していません。

要素をループしてa.child、親要素を選択する必要があります。

$('a.child').each(function() {
  var $this = $(this);

  $this.parents('div.container').prepend($this);
});