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