1

私が達成しようとしているのは、すべての「行」divのコンテンツを並べ替えて、画像コンテンツが常にテキストコンテンツの前になるようにすることです。

html:

<div class="row">
    <div class="image">image content here</div>
    <div class="text">text content here</div>
</div>
<div class="row">
    <div class="text">text content here</div>
    <div class="image">image content here</div>
</div>

その後、次のようになります。

<div class="row">
    <div class="image">image content here</div>
    <div class="text">text content here</div>
</div>
<div class="row">
    <div class="image">image content here</div>
    <div class="text">text content here</div>
</div>

私のjQuery：

$('.row').each(function() {
    firstChild = $(this).find(':first-child');
    if(firstChild.hasClass('text')) {
        firstChild.before($(this).find('.image'));
    }
    else {
        console.log("not text");
    }
}

jQuery は画像 div を奇妙な順序で配置します。コードのビットの後に、サイトに配置された複数の画像が表示されます。助けてください ：）

4

1 に答える 1

0

なんでこれだけじゃないの

 $(this).append(firstChild);

それ以外の 

firstChild.before($(this).find('.image'));

コード

$('.row').each(function() {
    var firstChild = $(this).find(':first-child');
    if(firstChild.hasClass('text')) {
       $(this).append(firstChild);
    }
    else {
        console.log("not text");
    }
});

フィドルをチェック

于 2013-06-24T21:42:56.383 に答える