Javascript jquery查找所有divs子级的总高度

嘿，我有一个包含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();
});

---

大致如下：

var height = 0;

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

// apply calculated height to another element
$('#myotherdiv').height(height + 'px');

---

将它们全部循环并添加高度，例如

var height;
$("#events").each(function() {
    height += $(this).height();
}); 

这是一把小提琴：

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

编辑：您的下一个问题（使用动画）是您没有告诉它您使用的单位（在您的情况下，像素）：

---

你怎么把它设置成另一个div的高度呢？所以我正试着这么做，这不管用吗$（“#容器”）.animate（{“height”：height}，450）；}你介意看看我的编辑吗？我试着实现了你的建议，但在工作中遇到了问题。我的也被标记了，因为它是错误的-你缺少了直接子选择器：

\events>DIV

我必须承认我觉得这有点烦人

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

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