使用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

演示

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