JS：关于z-index的querySelectorAll

Question

我想选择所有“div”元素，它们是“body”的子元素，并且具有z-index：2属性集。

document.querySelectorAll（'body＆gt; div'）;

如何在此querySelector上进行z-index检查？

Answer 1

我相信你不能将“z-index”包含在选择器中，因为没有CSS选择器语法可以根据CSS样式属性选择元素。

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

Answer 2

我可能会使用jQuery作为选择，并使用自定义选择器：

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

然后致电：

$('body div:zIndex')

但你需要jQuery，我还没有测试过它