jQuery set width of element to value of array

Question

I have some basic markup:

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

and the following jQuery code:

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

This returns:

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

How do I set the width of the parent element to the sum of the values within the array, so in this case 2220?

Many thanks in advance.

ShankarSangoli · Accepted Answer · 2011-08-31 14:51:46Z

2

Try this

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

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

answered Aug 31, 2011 at 14:51

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

cillierscharl · Accepted Answer · 2011-08-31 14:52:27Z

1

Perhaps something like this:

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

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

answered Aug 31, 2011 at 14:52

cillierscharl

7,1133 gold badges31 silver badges46 bronze badges

Collectives™ on Stack Overflow

jQuery set width of element to value of array

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related