1

子コンテナが同じ親/子クラス名を共有するdivコンテナのグループが約25あります。また、各グループに空のdivコンテナがあります。

<div class="parent">
    <div class="child">
        child content1
    </div>
</div>
<div class="empty"></div>

<div class="parent">
    <div class="child">
        child content2
    </div>
</div>   
<div class="empty"></div>

.....

<div class="parent">
    <div class="child">
        child content25
    </div>
</div>  
<div class="empty"></div>

各「子」div要素を「空の」divコンテナに追加して、次のようにします。

<div class="parent">
    <div class="child">
        child content1
    </div>
</div>
<div class="empty">
    <div class="child">
        child content1
    </div>
</div>

<div class="parent">
    <div class="child">
        child content2
    </div>
</div>
<div class="empty">
    <div class="child">
        child content2
    </div>
</div>

....

<div class="parent">
    <div class="child">
        child content25
    </div>
</div>
<div class="empty">
    <div class="child">
        child content25
    </div>
</div>

私は次のコードを使用しました：

$('.parent').each(function(){    
    $(this).find('div').appendTo('.empty');
});

しかし、結果は、「子」div要素とそのコンテンツがグループごとに25回「空の」divにループされたことを示しています。つまり、25x25=625の新しい「子」divです。ワイルドになります!!!!!!!!!!!!

誰か助けてもらえますか？

4

2 に答える 2

2

おそらく.next（）でうまくいくでしょうか？

$('.parent').each(function(){   
       var parent = $(this);
       var child = parent.children('.child');
       parent.next('.empty').append(child.clone());
});

実装を少しいじった後のフィドルです-> http://jsfiddle.net/g9G85/8/

于 2012-11-20T18:09:05.387 に答える
0

これはあなたが望むもののように見えます：

<div class="parent">
    <div class="child">
        child content1
    </div>
</div>
<div class="empty"></div>

<div class="parent">
    <div class="child">
        child content2
    </div>
</div>   
<div class="empty"></div>​

JS：

$('.parent').each(function() {
    var parent= $(this);
    var child = parent.children('.child');
    parent.next('.empty').append(child.clone());
});​
于 2012-11-20T18:25:25.677 に答える