jquery - 计算高度并添加到变量

Question

再会

我有以下函数计算每个 div 的高度并将其添加到变量中，但它不起作用：

JS：

$('#latestInner, #make, #models').each(function() {
    var i = 0;
    var h = $(this).outerHeight();
    i = i + h;
});
alert(i);

HTML：

<div id="latestInner"></div>
<div id="make"></div>
<div id="models"></div>

CSS：

#models {height: 100px; background: red;}
#latestInner {height: 200px; background: green;}
#make {height: 150px; background: blue;}

小提琴：http : //jsfiddle.net/uwsJH/7/

Answer 1

你的问题是范围界定。

试试这个小提琴：

http://jsfiddle.net/uwsJH/9/

i=0;
$('#latestInner, #make, #models').each(function() {
   // var i = 0; <--- wrong scope
    var h = $(this).outerHeight();
    i = i + h;
});
alert(i);

Answer 2

因为 i 是一个局部变量。尝试 i = 0 ，而不是 var i =0

Answer 3

试试这个 ：

var i = 0;
$('#latestInner, #make, #models').each(function() {

var h = $(this).css("height");
i = i + h;
});

Answer 4

您不需要var i每次都初始化...您可以这样做：

var i = 0;
$('#latestInner, #make, #models').each(function() {

    var h = $(this).outerHeight();
    i = i + h;
    //Or simply
    i = i + $(this).outerHeight();
});
alert(i);