2

次の基本的な HTML があります。

<div class="row-wrapper">
  <div class="box">...</div>
  <div class="box">...</div>
</div>

.foo...そして、既にクラスを持っている内部 DIV に追加のクラスを割り当てる必要があります.box(もちろんクラスは保持し.boxます)。

内部に 2 つの DIV があることを検出する方法が必要です.row-wrapper

どうすればこれを達成できますか？

メソッドのjQuery APIドキュメントを読んでみました.lengthが、jQueryの知識には少し複雑すぎます。

同様のフォーラムも読みましたが、アイテムの量を定義する方法が説明されていません。

どんな助けでも大歓迎です。

4

1 に答える 1

5 
// If there are 2 or more children 
if($('.row-wrapper').children('.box').length >= 2){
    // add a class
    $('.row-wrapper .box').addClass("foo");
}

上記のようなものが機能するはずです。

編集：wireyは複数存在する可能性があることを示唆しているため.row-wrapper、これは有効なポイントであるため、次のようなことができます。

// Loop through each .row-wrapper
$(".row-wrapper").each(function(){
    // If there are 2 or more children
    if($(this).children('.box').length >= 2){
        // Find .box elements within $(this), and add a class.
        $(this).find('.box').addClass('foo');
    }
});

Jaredが提供するJSFiddle：http: //jsfiddle.net/zqyKn/

于 2012-07-17T20:48:02.620 に答える