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

Question

如何选择以下代码中<span>设置为display的{​​{1}}？

none

我可以使用<p id="p1"> <span id="test1" style="display:none">test1</span> <span id="test2" >test2</span> </p> 选择ID为“test1”的<span>，但在使用$("span[id='test1']")时无效。

是否有任何方法可以一次获取此元素？

非常感谢。

Answer 1

您正在寻找:hidden选择器

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

$("#test1");

按照你正在做的方式去做就是让jQuery做不必要的解析而且速度要慢得多。

如果您只想隐藏#test1，请执行以下操作：

$("#test1:hidden");

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

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

如评论中所述，此选择器的反面是:visible选择器：

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

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