获取父DIV具有绝对位置的DIV的高度(JQuery)

时间:2018-12-31 06:11:37

标签: javascript jquery html css

在我的网页中,有一个带有div.content的{​​{1}}容器。在父div(position: absolute)内部有一个div.content。 我想使用JavaScript或JQuery提取div.sub_content高度。

在程序中,我需要计算.sub_content 高度

我正在使用以下代码:

div.sub_content

1 个答案:

答案 0 :(得分:1)

使用$('.content .sub_content').height();

请参见在CSS中使用height且没有...的示例

$(document).ready(function(){
var a = $('.content .sub_content').height();
var b = $('.content .sub_content_noHeight').height();
alert('sub_content: ' + a + '  sub_content_noHeight: ' + b);
});
.content{
position:absolute;
}
.sub_content{
height:150px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="content">
  <div class="sub_content">
  With height property in css
  </div>
</div>

<div class="content">
  <div class="sub_content_noHeight">
  Without height property in css
  </div>
</div>