.clone（）把元素乘以，我只想要一次

Question

我有这样的事情：

<div class="cont">
    <img src="http://something1.png" class="1">
</div>
<div class="cont">
    <img src="http://something2.png" class="1">
</div>
<div class="cont">
    <img src="http://something3.png" class="1">
</div>
.
.
.

并且想要从中做出类似的事情：

<div class="cont">
   <img src="http://something1.png" class="1">
   <img src="http://something1.png" class="2">
</div>
<div class="cont">
   <img src="http://something2.png" class="1">
   <img src="http://something2.png" class="2">
</div>
<div class="cont">
   <img src="http://something3.png" class="1">
   <img src="http://something3.png" class="2">
</div>
.
.
.

我正在使用此代码：

$('.1').clone().toggleClass("1 2").insertAfter('.1');

但它会复制每个img with class =“1”并将它放在每个img之后使用class =“1”，因此class =“2”在每个div中相乘。有没有办法像我一样做？

Answer 1

您必须使用.each()：

$('.1').each(function() {
    $(this).clone().toggleClass('1 2').insertAfter(this);
});