jQuery - 选择具有特定样式的孩子答案

【问题标题】：jQuery - select children which has specific stylesjQuery - 选择具有特定样式的孩子
【发布时间】：2011-09-08 14:41:58
【问题描述】：

我不知道如何在下面的示例中选择第一个跨度。

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

我试过用这个，没用。

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

谢谢！

【问题讨论】：

标签： jquery

【解决方案1】：

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

【讨论】：

【解决方案2】：

在您的选择器中，您没有提到属性名称（style），并且引号也缺少包装完整选择器的内容。试试这个

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

如果您正在寻找隐藏的跨度，那么我建议您使用它，因为属性选择器将尝试匹配 visibility:hidden 原样。如果此值之间有任何空格，则它将失败。 :hidden 选择器查找不是visible 或display 是none 的元素。

$("div.sp span:hidden")

【讨论】：

:hidden Selector 不会选择 visibility:hidden，可见性：隐藏或不透明度：0 的元素被认为是可见的，因为它们仍然占用布局中的空间。

【解决方案3】：

获取第一个跨度：

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

如果你想获得 第一个具有可见性的跨度：隐藏，是另一回事：

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

【讨论】：