Question

只是想知道div是否实际上从它的父div继承了属性，例如，

<div id = "pDiv" style="display:none;"> 
   <div id = "cDiv" style="display:none;"> 
      <h2> Abc</h2>
   </div>
</div>

当我检查alert($("#cDiv").css('visibility'))时，我得到的结果为“可见”，嗯，但实际上它是隐藏的..

如何检查子div是否在屏幕上实际可见。

Answer 1

在等土豆的时候尽量不检查香蕉！

alert($("#cDiv").css('visibility'))

默认情况下，返回<{1}}属性css visibility，您应该查找visible属性。

display

或者，如果您想查看真实 alert($("#cDiv").css('display'))，请运行：

visibility

Answer 2

试试这个：

    $('#cDiv').is(':visible')

或

    $( "#cDiv:visible" )

Answer 3

您需要使用块或内联块作为显示，但不可见：

<div id = "pDiv" style="display:none;"> 
   <div id = "cDiv" style="visibility:visible;"> <!--will hidden as it's parent is hidden-->
      <h2> Abc</h2>
   </div>
</div>


<div id = "pDiv" style="display:none;"> 
   <div id = "cDiv" style="display:block;"> <!--will now show the div-->
      <h2> Abc</h2>
   </div>
</div>

所以，这有效alert($("#cDiv").css('display'));

Div是否默认继承父属性

3 个答案: