得到隐藏的元素

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