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