在 jQuery 中，如何选择隐藏元素？

Question

如何在下面的代码中选择display 设置为none 的<span>？

<p id="p1">
<span id="test1" style="display:none">test1</span> 
<span id="test2" >test2</span> 
</p>

我可以使用$("span[id='test1']")选择ID为“test1”的<span>，但是当我使用$("span[style='display:none']")时它不起作用。

有什么方法可以一次获取这个元素吗？

非常感谢。

Answer 1

您正在寻找:hidden 选择器

请注意，按 ID 选择元素的正确方法很简单：

$("#test1");

按照您的方式进行操作会使 jQuery 进行不必要的解析，并且速度要慢得多。

如果您只想在隐藏的情况下选择#test1，请执行以下操作：

$("#test1:hidden");

如果您想选择隐藏在#p1 下的所有<span> 元素，请执行以下操作：

$("span:hidden", "#p1");

如 cmets 中所述，与此选择器相反的是 :visible 选择器：

$("span:visible", "#p1");

然后会选择元素#p1 中的任何可见<span> 元素。