jquery - 使用 jQuery 进行复杂查询

Question

如何使用 jQuery 查询任何可见、具有 z-index > 0 和 id 的 DIV 元素! =“”。

我目前使用 document.getElementsByTagName 进行原始线性搜索，但我被告知这对性能影响太大。在具有 400 多个 div 的页面上，需要相当多的时间来执行。

有人告诉我，使用 jQuery，您可以执行更复杂的查询。这可能吗？

请记住，我完全无法控制这些弹出 DIV 的 ID，因此我无法处理“众所周知”的 ID。

谢谢。

Answer 1

jQuery 具有 very rich set of selectors (几乎所有 CSS3 以及一些额外内容)。结合得心应手filter函数，你可以做非常有用的事情:

var divsWithZIndexAndID = $('div:visible[id!=""]').filter(function() {
    return parseInt(this.style.zIndex, 10) > 0;
});

它专门查看元素内联样式上的z-index。如果您需要计算样式，请使用 css .

var divsWithZIndexAndID = $('div:visible[id!=""]').filter(function() {
    return parseInt($(this).css("z-index"), 10) > 0;
});

(style.zIndex 和 css 都返回字符串，因此 parseInt。无论如何，JavaScript 都会自动从中生成一个数字，但是使用 parseInt 让我清楚应该应用的基数。)