jQuery appendTo製作多個副本

Question

我有一個基本功能，將一個div轉移到另一個，當我有多個div具有相同的類名複製div。

在我的小提琴/例如，此刻它需要所有四個橙色方塊的副本，並將它們裏面所有的紅色正方形的

我想是每一個紅色的正方形下面的橙色方塊裏面的紅色運動正方形，所以每個紅色方塊內部只有一個橙色方塊，下方有一個橙色方塊。

FIDDLE

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

感謝

Answer 1

這是因爲$('.orange')獲取所有的div與類橙色。 （有四個。）你想要做的是循環通過容器，並在那裏得到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。