JQuery and attribute problem

– May 18, 2011Posted in: JQuery

I’m quite busy last time, but here is quick post about jQuery bug and workaround.

Following code will populate url with “undefined” instead of correct url.

1 2	var html = "<a href='http://example.com/content/uploads/2011/05/cat.flv'>cat</a>"; var url = jQuery('a',html).attr('href');

To fix this you should wrap a into p tag. Like this:

1 2	var html = "<a href='http://example.com/content/uploads/2011/05/cat.flv'>cat</a>"; var url = jQuery('a','<p>'+html+'</p>').attr('href');

In this case things will work fine

Tags: bug, jquery

http://twitter.com/jakery jakery

For what it’s worth, I’m not 100% sure that the “html” gets evaluated as a DOM node in line 2 of your example. In this scenario my instinct would be to wrap the anchor tag in a jQuery function on the first line, and not bother with the shorthand find() method on line 2:

var html = jQuery(“<a href=’[url]‘>cat</a>”);
var url = html.attr(“href”)
Hire Me

Very helpful tips.
I should have read this post some years ago. Any how will share this post
with my children now and hope they make the best out of it.