如何使用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";
});

Answer 2

你可以这样试试

$('.classname:not([style*="display: none"])').length