5

嘿,我有一个包含 5 个 div 的 div,我想将它们的所有高度加在一起,

这是我根据 Jeff 的回答最终使用的解决方案。谢谢你的协助。

var ev_totalHeight = 0;
$("#events > div").each(function(){
    ev_totalHeight += $(this).innerHeight();
});



function events_open() {
 $("#events").animate({
"height": ev_totalHeight
  }, 450 );
}

$("#events").click(function() {
events_open();
});
4

3 回答 3

12

这是一个小提琴:http: //jsfiddle.net/yj8sL/2/

$(function(){
    var totalHeight = 0;
    $("#parent > div").each(function(){
        totalHeight += $(this).height();
    });
    alert("Total height of all divs: "+totalHeight);
});

如您所见,有 5 个 div,每个高度为 100px,因此总高度为 500px。

编辑:你的下一个问题(动画)是你没有告诉它你使用的是什么单位(在你的情况下,像素):

 $("#events").animate({
    "height": ev_totalHeight+"px"
 }, 450 );
于 2012-10-24T12:00:48.767 回答
3

沿着这些思路:

var height = 0;

$('#events > div').each(function(){
    height += $(this).height();
});

// apply calculated height to another element
$('#myotherdiv').height(height + 'px');
于 2012-10-24T11:57:23.513 回答
0

遍历它们并添加高度,例如

var height;
$("#events").each(function() {
    height += $(this).height();
}); 
于 2012-10-24T11:58:15.137 回答