Get attribute values as array from selection of elements using jQuery

Question

I have the following using jQuery:

var x = $('.boxes > input:checked');

From x I am trying to retrieve an array of id values and have been unable to work out how to do this.

Something like:

var y = x[id];
// y becomes an array like ['1', '2', '3'] assuming
// that x had 3 checkboxes with id's of 1, 2, 3 etc.

Christian C. Salvadó · Accepted Answer · 2009-08-11 06:19:45Z

19

You can use jQuery.map:

var x = $('.boxes > input:checked');

var y = $.map(x, function (element){
  return element.id;
});

The y variable, will be an array containing the element ids.

answered Aug 11, 2009 at 6:19

831k185 gold badges929 silver badges845 bronze badges

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

1 Comment

Alternatively: var y = x.map(function() { return this.id;}).get();