Return matched elements' attribute ar array using jQuery

Question

In jQuery, it is easy to select elements as array.

$("a"); // return as elements array of anchors

But is it possible to select matched elements' attributes as array?

Currently I need to do something like...

links = [ ];

$("a").each(function() {
href = $(this).attr("href");
links.push(href); 
});

Are there any better method to fill the variable links with href of the all matched anchors?

meder omuraliev · Accepted Answer · 2010-07-28 16:46:03Z

19

Use $.map like so:

var links = $('a').map(function() { return this.href }).get()

edited Jul 28, 2010 at 16:46

answered Jul 28, 2010 at 16:36

meder omuraliev

187k76 gold badges401 silver badges443 bronze badges

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

4 Comments

Nick Craver Over a year ago

+1 - You'll need a .get() on the end, but this is the correct approach.

meder omuraliev Over a year ago

Ah thanks, I just quickly did [0] and assumed it was an array when it was in fact a jquery constructed array-like object.

Cameron Stillion Over a year ago

This seems a bit verbose for a library whose purpose seems to be masking these kind of gymnastics from the programmer. Why doesn't this simply return an array: var links = $('a').attr('href'); Wouldn't that be cleaner and more readable? (consider this my suggestion for the next iteration of jQuery...)

Hugo-dev Over a year ago

What about "data" attributes ?

nicholasklick · Accepted Answer · 2010-07-28 16:42:43Z

5

var links = $("a").map(function(){return $(this).attr("href")}).get();

answered Jul 28, 2010 at 16:42

nicholasklick

1,21210 silver badges14 bronze badges

1 Comment

iiminov Over a year ago

This approach works great for custom defined data attributes like data-id, data-name etc.

Collectives™ on Stack Overflow

Return matched elements' attribute ar array using jQuery

2 Answers 2

4 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related