得到隐藏的元素

Question

说我有以下无序列表

<ul class="container">
  <li class="item" style="display: none;">first item</li>
  <li class="item">second item</li>
  <li class="item">third item</li>
  <li class="item">forth item</li>
</ul>

如果只隐藏容器中的所有项目，我怎么才能执行任务？

...问候

Answer 1

您可以使用:visible选择器仅选择可见元素。您可以使用length属性来检查是否存在零或更多。如果它等于零，则隐藏所有元素。

if ($('.container .item:visible').length == 0) {
    // All is hidden.
}