jquery - .clone() put 的元素相乘，我只想要一次

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');

但是它会复制每个带有 class="1" 的 img 并将其放在每个带有 class="1" 的 img 之后，因此 class="2" 在每个 div 中相乘。有没有办法像我不会的那样做？

Answer 1

你必须使用.each()：

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