Get value from fields with same class, add to array

Question

So I have a dynamic list of textboxes that have all the same class, like so:

<input type="text" id="value1" class="list-value" />
<input type="text" id="value2" class="list-value" />
<input type="text" id="value3" class="list-value" />
<input type="text" id="value4" class="list-value" />

So when a link is clicked, I need the values from all those textboxes to be loaded into an array:

$('a#link').click(function() {
    //add to array here
});

How can I do that?

Pointy · Accepted Answer · 2011-05-02 23:04:59Z

6

You can do this:

var values = $('.list-value').map(function() { return this.value; }).get();

The ".map()" method will iterate through the list of elements like ".each()", but it takes the return value and accumulates an array. The final ".get()" is necessary to get a "raw" array instead of a jQuery object (a wrapper around the array), but that's not always necessary; it depends on what you want to do with the result.

answered May 2, 2011 at 23:04

Pointy

415k62 gold badges600 silver badges632 bronze badges

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

Collectives™ on Stack Overflow

Get value from fields with same class, add to array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related