使用jQuery將每組元素克隆到不同的目標元素中

Question

我有一組不同的img元素和一組具有相同類但內容不同的容器div。

<div id="images"> 
    <img src="one.jpg" /> 
    <img src="two.jpg" /> 
    <img src="three.jpg" /> 
</div> 

<div class="container"><p>A</p></div> 
<div class="container"><p>B</p></div> 
<div class="container"><p>C</p></div> 

如何使圖像的副本（克隆？），並分別將這些副本進入容器，使得它導致這樣的事情？：

<div id="images"> 
    <img src="one.jpg" /> 
    <img src="two.jpg" /> 
    <img src="three.jpg" /> 
</div> 

<div class="container"><p>A</p><img src="one.jpg" /></div> 
<div class="container"><p>B</p><img src="two.jpg" /></div> 
<div class="container"><p>C</p><img src="three.jpg" /></div> 

Answer 1

DEMO

$('#images').find('img').each(function(i){ 
    $(this).clone().appendTo($('.container').eq(i)); 
});