javascript - 如何确认是否所有元素都被隐藏

我构建了一个UI界面来显示消息，并在确认消息后将它们变成：“ display = none”，现在我要检查是否所有元素都已被确认，意味着全部隐藏。这样我的界面就不会启动。

这是代码：

这是可见的：

<li id="announcement4" class="announcement"></li>

这是不可见的：

<li id="announcement4" class="announcement" style="display: none"></li>

我可以通过班级或类型查询吗？喜欢

if(all elements type li are hidden)
if(all elements class announcement are hidden)

什么是这样做的好方法？

谢谢

最佳答案

您可以这样：

if($('ul#SomeId').children(':visible').length == 0) {
   // all are hidden
}

要么：

if($('li.announcement:visible').length == 0) {
       // all are hidden
    }