Get all values of array elements

Question

I have an array with HTML elements from a selector. Looks like this:

var selection = $('.features_items');
// selection = [div.features_item, div.features_item];

The div looks like this:

<div class="features_item selected" value="2">

Now I want to get all values from the div's in the array: [2,3]

Technically, selection isn't an array -- it's an array-like jQuery object. This is only significant if you try to use methods like shift or pop, which won't work on jQuery objects. — Blazemonger
– Blazemonger, Commented Oct 24, 2011 at 13:40

Blazemonger · Accepted Answer · 2011-10-24 13:43:53Z

3

You can use jQuery.map to map the jQuery object to an array in a single step:

var values = $.map(selection, function() {
    return $(this).val();
}); // values is now an array equal in length to 'selection'

answered Oct 24, 2011 at 13:43

Blazemonger

93.3k28 gold badges147 silver badges181 bronze badges

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

Comments

ComFreek · Accepted Answer · 2011-10-24 13:31:05Z

1

Do you want something like this?

var values = [];
$('.features_items').each(function()
{
  values.push( this.getAttribute('value') );
});
alert(values);

answered Oct 24, 2011 at 13:31

ComFreek

29.5k18 gold badges107 silver badges157 bronze badges