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