jQuery selector with string object not working

Question

var theHTML = '<html><head><title>Hi</title><link rel="apple-icon-touch-precomposed" href="icon.jpg" /></head><body></body></html>';
alert($(theHTML).find('link[rel="apple-icon-touch-precomposed"]').attr('href'));

It alerts "undefined." I want it to return "icon.jpg". What is wrong?

Browsers are going to treat this differently. Some will strip away some of the outer elements. — user2437417
– user2437417, Commented Jul 16, 2013 at 22:28

nnnnnn · Accepted Answer · 2013-07-16 22:26:24Z

3

Try this:

alert($(theHTML).filter('link[rel="apple-icon-touch-precomposed"]').attr('href'));

That is, use .filter() instead of .find().

Demo: http://jsfiddle.net/WmwRU/

If you do a console.log($(theHTML)) you'll see why.

answered Jul 16, 2013 at 22:26

nnnnnn

150k30 gold badges210 silver badges247 bronze badges

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

Comments

Hanna · Accepted Answer · 2013-07-16 22:27:00Z

3

You'll need to use .filter() not .find() when selecting on HTML like that.

JSFiddle

answered Jul 16, 2013 at 22:27

Hanna

10.9k11 gold badges60 silver badges91 bronze badges

Comments

DarkAjax · Accepted Answer · 2013-07-16 22:28:00Z

1

I don't know what you want that for, but if you use filter() instead of find() it'll work as you want:

var theHTML = '<html><head><title>Hi</title><link rel="apple-icon-touch-precomposed" href="icon.jpg" /></head><body></body></html>';
alert($(theHTML).filter('link[rel="apple-icon-touch-precomposed"]').attr('href'));

JSFiddle Demo

answered Jul 16, 2013 at 22:28

DarkAjax

16.3k11 gold badges59 silver badges67 bronze badges

Comments

Brian Leishman · Accepted Answer · 2013-07-16 22:26:26Z

0

I'm not sure if you can use .find that way, I'd have to read the API about it. But, you can try .prop('href') instead of .attr('href'). If that doesn't work, I'd also suggest using an * after the = like link[rel=*"apple-icon-touch-precomposed"]

answered Jul 16, 2013 at 22:26

Brian Leishman

8,67712 gold badges62 silver badges103 bronze badges

Collectives™ on Stack Overflow

jQuery selector with string object not working

4 Answers 4

Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Linked

Related