JS：querySelectorAll 相对于 z-index

Question

我想选择作为“body”的子元素并设置了 z-index: 2 属性的所有“div”元素。

document.querySelectorAll('body > div');

如何对此 querySelector 进行 z 索引检查？

Answer 1

我相信您不能将“z-index”包含到选择器中，因为没有用于根据 CSS 样式属性选择元素的 CSS 选择器语法。

您可以做的是通过为元素指定一个特定的类来实现“z-index: 2”样式。然后，您可以在选择器中使用该类（“body > div.zIndex2”或其他）。

Answer 2

我可能会使用 jQuery 进行这样的选择和自定义选择器，例如：

$.expr[':'].zIndex = function(obj) {
   if ($(obj).css('z-index')==2) return true;
   else return false;
}

然后调用：

$('body div:zIndex')

但你需要 jQuery 来实现这一点，我还没有测试过它