1

次のコードがあります。

<div class="product">
    <div class="description"></div>
    <div class="image"></div>
</div>

<div class="product">
    <div class="description"></div>
    <div class="image"></div>
</div>

<div class="product">
    <div class="description"></div>
    <div class="image"></div>
</div>

そして、すべての .image 要素を選択して、各 .product 要素の前に移動しようとしています。

次のコマンドを使用すると、すべての画像が取得され、最初の .product の前に移動されます。私は立ち往生しています、私は foreach を試しました - それはうまくいかなかったようです。

$('.product').before($('.image'));

何か案は？

4

2 に答える 2

14

私はお勧めします：

$('.image').each(
    function(){
        $(this).insertBefore($(this).closest('.product'));
    });

JS フィドルのデモ。

参考文献:

于 2012-06-19T21:18:09.200 に答える
4

これもうまくいくと思います：

$('.product').each(function (index) {
    $(this).before($('.image').eq(index));
});
于 2012-06-19T21:24:33.203 に答える