1


私はこのようなものを持っています：

<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で乗算されます。私がしないようにそれを行う方法はありますか？

4

1 に答える 1

2

使用する必要があります.each()：

$('.1').each(function() {
    $(this).clone().toggleClass('1 2').insertAfter(this);
});
于 2013-03-24T08:01:43.183 に答える