检测是否隐藏了html父级

Question

我想检测页面上的特定HTML元素何时隐藏.这通常是由于父元素(可能很少级别)变得隐藏而发生的.有没有一种简单的方法来检测这一点.或者我是否需要遍历DOM并检查每个父项？

Answer 1

$(foo).is(":hidden")

可以在当前的jQuery版本中为您解决这个问题.

Answer 2

你可以检查它是否是:hidden,例如:

$(".selector:hidden").length > 0
//or
$(".selector").is(":hidden")

如果父项是隐藏的,或任何父项,或者直接元素,则此方法有效...只要元素本身没有维度,就可以了:hidden.

Answer 3

像这样:

http://jsfiddle.net/2EVrM/

HTML:

alert($('#test1').is(":visible"));

CSS:

#test {
  display: none;
}

JS:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="test">
  <div id="test1">
    test
  </div>
</div>