javascript - 我如何用jquery计算某个类的隐藏div的数量

Question

我有一个用 Rails 编写的动态表单。我想确保用户最多可以添加五个链接。

我从两个链接开始，还有另一个链接允许用户添加另一个字段。我在链接旁边还有一个链接，允许用户删除一个字段，它设置一个隐藏字段，然后使用 slideUp(); 隐藏该字段。

我想知道屏幕上是否有 5 个字段是用户希望提交的。

这是我目前正在使用的 - 这只计算所有具有该类名的 div。

if($(".classname").length <5){
//create element dynamically
}

我想检查“style='display: none;'”我该怎么做？

Answer 1

使用 :hidden选择器:

if ($(".classname:hidden").length < 5) {
    //create element dynamically
}

这将返回用户不可见的具有该类的任何元素。如果您只想检查 display:none，请使用 filter() :

$(".classname").filter(function () {
    return $(this).css("display") == "none";
});