jquery - 在jquery中动态添加div的面板高度

Question

我们有一个 asp.net 面板，我们从 jquery 分配 jqplots。

绘图完成后，我们必须获得所有子 div 的总面板高度。

有人可以建议如何在 jquery 中获得它吗？

基本上我想要面板高度，它动态添加了div（在div里面jqplots存在）

html:

<div id="pnlEmail" style="height:3000px">
   <div style="height: 2080px;"> </div>
   <div style="height: 1000px;"> </div>
   <div style="height: 80px;"> </div>
   <div style="height: 180px;"> </div>
   <div style="height: 2080px;"> </div>
</div>

Answer 1

演示

HTML

height: <span id="height"></span>

<div id="pnlEmail">
   <div style="height: 2080px;"> </div>
   <div style="height: 1000px;"> </div>
   <div style="height: 80px;"> </div>
   <div style="height: 180px;"> </div>
   <div style="height: 2080px;"> </div>
</div>

使用高度功能。

$(document).ready(function(){
    var child = $('#pnlEmail').children();
    var h=0.0;
    $(child).each(function(){
        h+=parseFloat($(this).height());
    });
$('#height').html(h);

});