Put multiple values from elements into array

Question

A common situation is where I'll need to put values from multiple inputs into an array. Is there a one-liner, or simpler method, that can accomplish this?

var array = [];
$(".foo").each(function(){
    array.push($(this).val());
});

I'm imagining something like this:

 var array = $(".foo").getEach('val');

adeneo · Accepted Answer · 2014-01-30 18:31:14Z

2

Something like this is probably as close as you'll get without creating your own method

var array = $.map( $(".foo"), function(el){
    return el.value;
});

You could roll your own

$.fn.getEach = function(prop) {
    return $.map(this, function(el) {return $(el).attr(prop); })
}

to be called as

var array = $(".foo").getEach('value');

answered Jan 30, 2014 at 18:31

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

2 Comments

moonwave99 Over a year ago

var array = $.map( $(".foo"), function(el){ return el.value; }); one-liner! [+1ed]

Felix Kling Over a year ago

Or var arr = $('foo').map(function() { return this.value; }).get();

Collectives™ on Stack Overflow

Put multiple values from elements into array

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related