jQuery / CSS - Как узнать количество элементов в стиле CSS?

Question

Мне нужно найти КОЛИЧЕСТВО всех экземпляров ТОЛЬКО * <li style="display:none;"> ПОД ТОЛЬКО * <ul id="bob">, так как у меня будут другие <li> части по всему документу:

e.g.:

<ul>
  <li> a </li>
  <li> b </li>
  <li> c </li>
</ul>

<ul id="bob">
  <li style="display:none;"> 1 </li>
  <li style="display:none;"> 2 </li>
  <li style="display:none;"> 3 </li>
  <li style="display:inline-block;"> 4 </li>
  <li style="display:inline-block;"> 5 </li>
  <li style="display:inline-block;"> 6 </li>
</ul>

Сумма<li> генерируются в моем скрипте динамически, поэтому в данном случае это не очевидное, видимое число, например «3».

Answer 1

Использование jQuery :hidden должно работать в этом случае.

alert( $("#bob li:hidden").length );

Answer 2

$('#bob li[style*="display:none"]')

Это найдет все ваши элементы li внутри #bob с атрибутом стиля, содержащим слово "display: none".

var elements = $('#bob li[style*="display:none"]');

elements.length;

Это даст вам количество найденных элементов.

Вы можете увидеть эту скрипку здесь.

Answer 3

$('#bob > li:hidden').length должен делать.

Соответствующие ссылки:

• : скрытый селектор
• .size() :

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

Answer 4

вы можете использовать jquery size

$ ("# bob li"). Is (': hidden'). Size ()