jQuery：获取每个元素的宽度并将它们相加

Question

如何获取每个元素的宽度并将其总结出来？

举例来说，这里是HTML：

<div id="container"> 
<div class="block-item" style="width:10px"></div> 
<div class="block-item" style="width:50px"></div> 
<div class="block-item" style="width:90px"></div> 
<div> 

我想通过每一个元素循环的，但我怎么了概括的数字？

$('.block-item').each(function(index) { 
    alert($(this).width()); 
}); 

我想要得到的总数为150 (10 + 50 + 90)。

谢谢。

Answer 1

使用parseInt(value, radix)：

var totalWidth = 0; 

$('.block-item').each(function(index) { 
    totalWidth += parseInt($(this).width(), 10); 
}); 

这里是一个example fiddle。

Answer 2

var w = GetWidths('.block-item'); 

function GetWidths(id) { 
    var i = 0; 

    $(id).each(function (index) { 
     i += parseInt($(this).width(), 10); 
    }); 

    return i; 
}