如何选择< span>在下面的代码中将display设置为none?
<p id="p1"> <span id="test1" style="display:none">test1</span> <span id="test2" >test2</span> </p>@H_403_3@我可以选择< span>使用$(“span [id =’test1′]”)的ID为“test1”,但是当我使用$(“span [style =’display:none’]”)时,它不起作用。
有没有办法一次获得这个元素?
非常感谢。
解决方法
您正在寻找
:hidden
选择器
请注意,通过ID选择元素的正确方法只是:
$("#test1");@H_403_3@这样做的方式是使jQuery做不必要的解析,而且要慢得多。
如果要仅在隐藏的情况下选择#test1,则可以这样做:
$("#test1:hidden");@H_403_3@如果您想选择所有< span>隐藏在#p1下的元素,您可以执行以下操作:
$("span:hidden","#p1");@H_403_3@如注释中所述,与此选择器相反的是
:visible
选择器:$("span:visible","#p1");@H_403_3@然后选择任何可见的< span>元素#p1中的元素。