Jquery 关闭按钮删除一个div上的所有类，并在所有这些div没有额外类时隐藏

嗨，我正在尝试制作一个脚本，我是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按钮仅在至少3个或更多div中有.EXTRA类时显示，这样用户就不必切换该类并删除.EXTRA。通过逐个单击它们，我希望添加一个按钮以具有全局关闭功能

---

非常感谢您的帮助

要获取具有“extra”类的元素数，请执行以下操作：

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

---

我想你的逻辑会像这样

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

---

我接着补充了几乎所有的逻辑。您要做的是使用javascript

.length

属性检查元素计数，如前所述，但是，我假设您希望在元素超过三个时关闭元素，而不是正好三个。
所以，逻辑是这样的

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

---

下面是我提到的例子-。

你能分享这个html示例代码吗。非常感谢你的努力。有什么不同，你在我之前发布的答案中发现了吗？