使用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));
});