jQuery: her öğenin genişliğini alın ve özetleyin

Question

Her bir öğenin genişliğini nasıl alabilirim ve özetleyebilirim?

Örneğin, burada 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> 

ben her öğe ile döngü düşünebiliriz, ama nasıl ben sayılarını toplamak mı

?

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

Ben 150 (10 + 50 + 90) toplam sayısını almak istiyorum.

Teşekkürler.

Answer 1

Kullanım parseInt(value, radix):

var totalWidth = 0; 

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

İşte bir example fiddle bu.

Answer 2

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

function GetWidths(id) { 
    var i = 0; 

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

    return i; 
}