Как подсчитать количество скрытых div определенного класса с помощью jquery

Question

У меня есть динамическая форма, которую я написал в рельсах. Я хочу быть уверен, что пользователь может добавить не более пяти ссылок.

Я начинаю с двух ссылок, и у меня есть еще одна ссылка, позволяющая пользователю добавить еще одно поле. У меня также есть ссылка рядом со ссылками, которая позволяет пользователю удалить поле, которое устанавливает скрытое поле, а затем скрывает поле с помощью 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