JS: querySelectorAll относительно z-индекса

Question

Я хотел бы выбрать все элементы "div", которые являются потомками "body" и имеют свойство z-index: 2.

document.querySelectorAll ('body> div');

Как включить проверку z-index для этого querySelector?

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, а я не проверял