在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

Demo

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); 

});