javascript - 查找具有 z-index 的元素

Question

我正在处理一个问题，在该问题中，我循环浏览放置在单个页面上的相同控件并为它们分配 z-index。

我想获取当前具有直接在 html 中或使用 css 中定义的 z 索引的所有元素的集合，然后从上到下遍历它们并使用 JQuery 分配它们的 z 索引。

这个选择器会是什么样子，它的性能如何？

Answer 1

没有特定的选择器来实现这一点，因此您需要filter()像这样使用：

var zIndex = 5;
var $zElements = $('.selector').filter(function() {
    return $(this).css('z-index') == zIndex;
});

$zElements.each(function() {
    // loop through the elements with a matching z-index
});