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

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

2 个答案: