Question

我正在寻找一种方法来选择所有不可见的元素。类似于webkit.window.document.querySelectorAll("p:hidden")。

例如，在html中

<html>
 <head></head>
 <body>
  <p>123</p>
  <p style="display:none;"></p>
 </body>
</html>

我可以使用"p[style*='display:none']"选择隐身，但如果display和none之间存在空格，则无效。像<p style="display: none;"></p>一样。

总之，我需要一种使用WebKit选择所有不可见元素的方法。

Answer 1

检测元素是否隐藏的一种方法是检查其offsetHeight：

return (this.offsetHeight > 0)

Answer 2

如果您使用jQuery选择元素，则下面的代码将满足您的要求

var allHiddenElements = $("body *").filter(
    function() { 
        return $(this).css("display") == "none";
    });