Add all elements in array

Question

I have function that is getting the width of my images in list and I need to count them all together. When I do it in foreach it brings some weird number.

This function is getting width of every element, I really don't care about every element, just how much width they are taking together...

var listWidth = [];
$('#thumbContainer ul li').each(function(){
    listWidth.push($(this).width());
});

What, exactly is your problem? How is the number "weird"? Also, why can't you accumulate in the body of the loop? Finally, if you want to build an array, use map rather than each. — Marcin
– Marcin, Commented Jul 4, 2011 at 23:17
One think to watch out for is that if you have: <ul><li>Text</li></ul>, and do the width of the li tag, you will get the width to the edge of the containing block, not just the width of the text. The li would have to be inline to get just the text width. — jfriend00
– jfriend00, Commented Jul 4, 2011 at 23:57

user113716 · Accepted Answer · 2011-07-04 23:15:31Z

5

Not sure what you tried, but this should work:

var listWidth = 0;
$('#thumbContainer ul li').each(function(){
    listWidth += $(this).width();
});

alert( listWidth );

...or this:

var listWidth = 0;
$('#thumbContainer ul li').width(function(i,wid){ listWidth += wid; });

alert( listWidth );

answered Jul 4, 2011 at 23:15

user113716

323k64 gold badges454 silver badges441 bronze badges

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

1 Comment

jfriend00 Over a year ago

Here it is in a jsfiddle (I wanted to play with it as I'm learning jQuery): jsfiddle.net/jfriend00/uzGAE

stkent · Accepted Answer · 2017-05-30 12:45:54Z

2

I like to use this:

Array.prototype.addAll = function() {
/** Adds all the elements in the
    specified arrays to this array. 
*/
    for (var a = 0;  a < arguments.length;  a++) {
        arr = arguments[a];
        for (var i = 0;  i < arr.length;  i++) {
            this.push(arr[i]);
        }
    }
}

Source

edited May 30, 2017 at 12:45

stkent

20.2k14 gold badges90 silver badges113 bronze badges

answered Jul 8, 2012 at 7:29

NullVoxPopuli

65.6k76 gold badges216 silver badges364 bronze badges

Collectives™ on Stack Overflow

Add all elements in array

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related