jQuery append複数のコピーを作成する

Question

私は同じクラス名を持つ複数のdivを持つときにdivをdivに複製すると、あるdivを別のdivにシフトする基本的な機能を持っています。

それはすべての4つのオレンジ色の正方形のコピーを取り、赤い四角のすべての内側にそれらを置く瞬間に私のバイオリン/例で

は、私が欲しいのは、それぞれ赤の広場下のオレンジ色の四角形が赤の内側に移動することです赤い四角形の中には1つのオレンジ色の正方形だけがあります。 $('.orange')がクラスオレンジですべてのdivを取得するためです

FIDDLE

$('.button').click(function() { 
    $('.orange').appendTo('.red'); 
}); 

おかげ

Answer 1

。 （4つあります。）あなたがしたいことは、コンテナをループしてそこにdiv.orangeを取得することです。

$('.button').click(function() { 
    $('.container').each(function (idx, elm) { 
     var $container = $(elm); 
     var $red = $container.children('.red'); 
     var $orange = $container.children('.orange'); 
     $orange.appendTo($red); 
    }); 
}); 

ここにはfiddleがあります。