2

我需要一个属性选择器来匹配第一个 div 元素与 z-index 和值 0。tTis 是我尝试通过在 jquery 中使用 css 属性选择器语法来获取元素的方式：

$("div[z-index='0']").first().doSomeJqueryStuff() ....

在我的文档中，在 div 元素上显式设置了值为 0 的 z-index，但选择器不返回任何结果。感谢帮助！

4

6 回答 6

5

尝试

$('div').each(function({ 
    if ($('div').css('z-index') === '0') { // or ... === 0
        ....
    }
}
于 2012-07-05T09:26:33.477 回答
5

您可以将属性选择器应用于内联样式属性（* 表示包含）：

div[style*="z-index: 0"]
于 2019-08-06T10:57:40.897 回答
2

不，那是不可能的。您不能以这种方式根据css 属性值选择元素。

您应该使用您的 CSS 值将类或id应用于元素并使用它来代替或遍历所有元素并检查 css 属性的存在（相当昂贵的操作）。

于 2012-07-05T09:24:12.970 回答
1

您可以逐个检查它们，直到找到第一个 z-index = 0 ：

$('div').each(function({ 
    // Check doc about .css() function
});
于 2012-07-05T09:25:58.553 回答
1

您使用Sizzle CSS 选择器库。

于 2012-07-05T09:26:26.543 回答
1

z-index是一个 CSS 属性，其值为 0。

CSS 选择器由HTML（和 SVG，...）id、类、元素、属性、伪和它们的值组成（和 Sizzle，jQuery 的选择器部分以相同的方式制作）。这些 CSS 选择器用于编写 CSS 声明 ( property: value) 的 CSS 规则，并将设置 HTML 文档的样式。

于 2012-07-05T09:26:56.057 回答