jQuery: Return Value of each instance of a specified attribute

Question

I'm parsing through a web page and I need to return every single attribute VALUE (note: not element) of any element tagged with a specific attribute.

A page example is below. The structure and ordering will vary from page to page, but I'm focused on only returning the value of each instance of attrX (red, blue, green, purple, etc)

<div attrX="red"></div>
<div attrX="blue"></div>
<span attrX="green></span>
<div>
  <p attrX="purple"></p>
</div>

how can I use jQuery to return an array of the value for each instance on the page of the attribute 'attrX' in the following format (order doesn't actually matter)?

[0]->"red"
[1]->"blue"
[2]->"green"
[3]->"purple"

Thanks!

Rich O'Kelly · Accepted Answer · 2011-11-28 18:04:58Z

6

Try the following:

var values = [];
$('[attrX]').each(function() {
  var value = $(this).attr('attrX');
  values.push(value);
});

See here for jsFiddle.

answered Nov 28, 2011 at 18:04

Rich O'Kelly

41.8k9 gold badges87 silver badges114 bronze badges

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

2 Comments

user954912 Over a year ago

oh I didn't realize you can select an element based on its attribute?

Rich O'Kelly Over a year ago

Yep, see api.jquery.com/category/selectors/attribute-selectors for all the variants of the selector.

dfsq · Accepted Answer · 2011-11-29 08:31:56Z

1

Try this:

var values = $('[attrX]').map(function() {
    return $(this).attr('attrX');
}).get();

edited Nov 29, 2011 at 8:31

answered Nov 28, 2011 at 18:07

dfsq

193k26 gold badges244 silver badges261 bronze badges

Collectives™ on Stack Overflow

jQuery: Return Value of each instance of a specified attribute

2 Answers 2

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Related