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

时间:2013-09-16 12:03:05

标签: jquery

我们有一个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>

1 个答案:

答案 0 :(得分:0)

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

});