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

Question

在我的网页中，有一个带有position: absolute的div.content容器。在父div （ div.content ） 内部有一个div.sub_content。我想使用 JavaScript 或 JQuery 提取.sub_content高度。

在程序中，我需要计算div.sub_content高度。

我正在使用以下代码：

$(document).ready(function(){
    var a = $('div.content div.sub_content').height();
    alert(a);
});

Answer 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>