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