jquery - 如何找到未隐藏的子div

Question

我有代码：

<div id="parent">
   <div id="firstchild" style="display:none">
   <div id="secondchild">
   <div id="thirdchild" style="display:none">
</div>

所以我想做的是在jquery中找到不隐藏的元素，即。第二个孩子。

我想我应该使用类似于 :hidden 的东西，但我实际上想做相反的事情并找到非隐藏的东西。

有人知道该怎么做吗？找到作为父母孩子的可见div并将其隐藏？

score 10 · Accepted Answer

10

您可以尝试:visible选择器：

$('#parent div:visible').hide()

于 2012-07-18T22:13:47.370 回答

score 3 · Accepted Answer

3

幸运的是还有一个visible：

$('#parent > :visible').hide();

于 2012-07-18T22:14:16.570 回答

score 1 · Accepted Answer

如果目标是隐藏可见元素，那么没有必要专门找到它们。相反，您可以简单地无条件地隐藏所有潜在元素。

$('#parent > div').hide();

那些可见的子 div 现在被隐藏了。那些已经隐藏的仍然隐藏。

实际上，在这和特定的隐藏之间没有太多选择。在这两种情况下，都必须解决所有潜在的元素——要么读取它们，要么写入它们，或者两者兼而有之。

3 回答 3