Question

我有以下基本HTML：

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

...我需要为已经拥有.foo类的内部DIV分配一个额外的类.box（当然保留.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");
}

上述内容应该有效。

编辑：由于线索表明可能有多个.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/

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

1 个答案: