jquery - 关闭按钮以删除 div 上的所有类并在所有这些 div 没有 .extra 类时隐藏

Question

嗨，我正在尝试制作一个脚本，我是 jQuery 新手，还在学习。

但我想问如何使这段代码工作，

$(document).ready(function() {

  if($(".divs").hasClass('extra'))
    {
        $(".close-divs-button").css('display', 'none');
      }
      else
      {
        $(".close-divs-button").css('display', 'block');
    }

});

我有几个 Div，当它被单击时，它会添加一个 .extra 类来扩展该 DIV。

我还希望 .close-divs-button 仅在至少 3 个或更多 DIVS 中有一个 .EXTRA 类时显示，这样用户就不必切换类并通过一一单击来删除 .extra ，我想要添加一个按钮以具有该全局关闭功能。

帮助将不胜感激。

Answer 1

我认为你的逻辑会是这样的..

if($('div.extra').length >= 3)
{
   $(".close-divs-button").show();
}else{
   $(".close-divs-button").hide();
}

Answer 2

我继续添加了几乎所有的逻辑。您想要做的是使用 javascript.length属性检查元素计数，如前所述，但是，我假设您想在元素超过三个时关闭元素，而不是恰好三个。
所以，会有这样的逻辑

 if($(".extra").length > 2){
     $(".close-divs-button").show();   
 }else{
     $(".close-divs-button").hide();
 }

这是我提到的示例的小提琴 - http://jsfiddle.net/friiks/wgcmn/。

Answer 3

要获取具有“额外”类的元素的数量：

var x = $('.extra').length;
if(x == 3)
{
    // logic goes here
}