jQuery：获取每个元素'；s宽度并将其总结

如何获得每个元素的宽度并将其相加

例如，以下是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>

我想得到

150（10+50+90）

的总数

谢谢。

使用：

---

这是一个。

可能想要一个+=作为收集者，是吗？@Alex谢谢你，在我创作小提琴时我自己发现了那个愚蠢的打字错误。10是基数。如果没有它，解析时可能会得到意外的结果。通过这种方式，您可以得到以10为基数的结果，而不是八进制。如果您可以选择使用，您可以通过执行

$（'.block item'）.get（）.reduce（function（width，el）{return width+$（el.width（）}，0）

干净优雅地使用彼此之间传递的变量和函数来进一步简化。

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

var totalWidth = 0;

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

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

function GetWidths(id) {
    var i = 0;

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

    return i;
}