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 );