jquery에 동적으로 div가 추가 된 패널 높이

Question

jquery에서 jqplots을 할당 할 asp.net 패널이 있습니다.

플로팅을 마친 후 모든 하위 div가 인 전체 패널 높이를 가져야합니다.

누군가가 jquery에서이를 얻는 방법을 조언 할 수 있습니까?

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

사용 높이 : 기본적으로

내가 원하는 동적 된 div를 추가 한 패널 높이,

HTML (div의의 jqplots 내부에 존재) 기능.

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

});