如何使用“z-index”作为css属性选择器？

Question

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

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

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

Answer 1

尝试

$('div').each(function({ 
    if ($('div').css('z-index') === '0') { // or ... === 0
        ....
    }
}

Answer 2

不，这是不可能的。您无法通过这种方式根据 css属性值选择元素。

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

Answer 3

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

$('div').each(function({ 
    // Check doc about .css() function
});

Answer 4

您使用Sizzle CSS Selector Library。

Answer 5

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

CSS选择器由 HTML （和SVG，...）id，类，元素，属性，伪及其值组成（和Sizzle，jQuery的选择器部分以相同的方式构成）。这些CSS选择器用于CSS规则，其中编写CSS声明（property: value）并将样式化HTML文档。

Answer 6

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

div[style*="z-index: 0"]