javascript - jQuery 获取所有可见的元素？

Question

我有这个例子:

HTML

<div id="Contents">
  <div id="Showing"></div>
  <div id="Hiding"></div>
</div>

CSS

#Hiding{
  display : none
}

在 jQuery 中有没有一种方法我们可以获得 DOM 中所有可见的元素(display != none)？在这种情况下，我们得到 2 个 id 分别为“Contents”和“Showing”的 div。非常感谢。

Answer 1

您可以使用 jQuery 的 :visible 选择器

$('*:visible').addClass('visible');

#Hiding {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="Contents">
  <div id="Showing">showing</div>
  <div id="Hiding">hiding</div>
</div>