结合.each div高度

时间:2013-03-26 19:09:12

标签: jquery each

我得到每个div的高度class =“divHeight”。

$.each($('.divHeight'), function() {
var eachDivHeight = $(this).height();   
console.log(eachDivHeight);
});

但是,我无法弄清楚如何组合这些值。在控制台中,我得到两个数字(311,17)。如何添加.each找到的值?那些在阵列中吗?

我的最终代码:

var totalHeight = 0;
$.each($('.divHeight'), function() {
 var eachDivHeight = $(this).outerHeight(true);
 totalHeight += eachDivHeight;
 $("#personDetailsView").css("height",totalHeight); 
 });

注意我必须使用outerHeight(true)来计算其中一个div高度的余量....这是一个很难理解的问题!

1 个答案:

答案 0 :(得分:3)

您将在每个用作运行总计的范围之外定义一个变量。

var totalHeight = 0;
$.each($('.divHeight'), function() {
 var eachDivHeight = $(this).height();
 totalHeight += eachDivHeight;
 console.log(eachDivHeight);
});
console.log(totalHeight);

<强> jsFiddle demo