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

Question

在我的网页中，有一个 div.content 容器，position: absolute。在父 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>