jquery - 获取隐藏元素

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.
}