Use jQuery selectors on HTML that is stored in an array

Question

I have an array with some HTML in it, so something like:

var array=[
           "<div anAttribute=19 class='foo'>This is the content of the foo div.</div>", 
           "<div anAttribute=14 class='bar'>This is the content of the bar div.</div>"
          ];

I want to get the value of anAttribute for both of them.

array[0].$('.foo').attr("anAttribute");

Would return 19.

PSL · Accepted Answer · 2013-07-03 03:24:18Z

2

You can do this way:

$(array[0]).attr("anAttribute");
$(array[1]).attr("anAttribute");

I am assuming anAttribute is a valid html attribute, if not prefix it with data-*.

answered Jul 3, 2013 at 3:24

PSL

124k21 gold badges257 silver badges243 bronze badges

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

2 Comments

ebol4 Over a year ago

You can make up custom attributes like that in HTML5. Thank you for your answer, I'll accept it ASAP!

PSL Over a year ago

@ebol4 yes custom attributes must be prefixed with data-* in HTML 5

elclanrs · Accepted Answer · 2013-07-03 03:25:30Z

1

This will give you the attributes in an array:

var attributes = $(array.join('')).map(function(){
  return $(this).attr('anAtribute');
}).get();

Then you can access them like:

attributes[0] //= 19
attributes[1] //= 14

answered Jul 3, 2013 at 3:25

elclanrs

94.2k21 gold badges137 silver badges171 bronze badges

Comments

asbestossupply · Accepted Answer · 2013-07-03 03:25:32Z

1

you just need to wrap the string in the jquery closure:

jQuery(array[0]).attr('anAttribute');

will return 19

answered Jul 3, 2013 at 3:25

asbestossupply

11.9k10 gold badges45 silver badges62 bronze badges

Collectives™ on Stack Overflow

Use jQuery selectors on HTML that is stored in an array

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related