jQuery - 选择具有特定样式的子项

时间:2011-09-08 14:41:58

标签: jquery

我不知道如何选择以下示例中的第一个范围。

<div class="sp">
  <span style="visibility:hidden">abc</span>
  <span>xyz</span>
</div>

我尝试过使用这个,但没有用。

$('div.sp span[visibility=hidden]') // not work

谢谢!

3 个答案:

答案 0 :(得分:2)

$('div.sp span[style="visibility:hidden"]')

请参阅Attribute Equals Selector

答案 1 :(得分:2)

在您的选择器中,您没有提及属性名称(style),并且还缺少包含完整选择器的引号。试试这个

$("div.sp span[style='visibility:hidden']");

如果您要查找隐藏的范围,我建议您使用此范围,因为属性选择器会尝试匹配visibility:hidden。如果此值之间有任何空格,则它将失败。 :hidden选择器会查找非visibledisplaynone的元素。

$("div.sp span:hidden")

答案 2 :(得分:0)

第一次跨度

$('div.sp span:first');

如果你想获得第一个具有可见性:隐藏的范围,那么还有其他事情:

$('.sp span[style="visibility:hidden"]:first');