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

Question

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

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

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

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

谢谢！

Answer 1

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

请参阅Attribute Equals Selector

Answer 2

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

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

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

$("div.sp span:hidden")

Answer 3

第一次跨度：

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

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

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