jQuery - 如何检测有多少项，然后为它们分配一个类

Question

我有以下基本 HTML:

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

...我需要为已经具有 .box 类的内部 DIV 分配一个额外的类 .foo (保留 .box 当然是类)。

我需要一种方法来检测 .row-wrapper 内何时有 2 个 DIV

知道如何实现这个目标吗？

我尝试阅读 .length 方法的 jQuery API 文档，但对于我的 jQuery 知识来说，它有点太复杂了。

我还读过similar forum ，但他们没有解释如何定义项目的数量。

非常感谢任何帮助。

Answer 1

// 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');
    }
});

JSFiddle 由 Jared 提供:http://jsfiddle.net/zqyKn/