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

Answer 1

这是一个小提琴： 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 ); 

Answer 2

这些方面的东西：

 var height = 0; $('#events > div').each(function(){ height += $(this).height(); }); // apply calculated height to another element $('#myotherdiv').height(height + 'px'); 

Answer 3

循环遍历它们并添加高度，例如

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