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