jQuery 将元素的宽度设置为数组的值

Question

我有一些基本标记：

<div id="container">
    <div class=".content"></div>
    <div class=".content"></div>
    <div class=".content"></div>
    <div class=".content"></div>
    <div class=".content"></div>
    <div class=".content"></div>
</div>

和以下 jQuery 代码：

var listWidth = [];
    $('.content').each(function(){
        listWidth.push($(this).width());
                console.log(listWidth);
    });

这返回：

[200, 540, 200, 540, 200, 540]

如何将父元素的宽度设置为数组内值的总和，在本例中为 2220？

非常感谢。

Answer 1

试试这个

var width = 0;
$.each(listWidth, function(){
   width += this;
});

$("#container").width(width);

Answer 2

也许是这样的：

var divWidth = 0;
$(listWidth).each(function(){
    divWidth += Number(this);
});

$('#container').css('width',divWidth);