JQuery - Getting an attribute value from a variable

Question

I'm trying to get the href attribute from a div with the class name 'download'. I know I could use the following to access it from the DOM:

I know you can use $(".download").attr("href");

However, the html doesn't exist in the DOM yet, its only in a variable.

Is there a way to get from href from a variable?

Samich · Accepted Answer · 2012-01-12 10:39:16Z

1

Yes, you can:

$('<div class="download"><a href="example.com/image.png">Download</a></div>').find('a').attr('href')

http://jsfiddle.net/Ufz37/1

edited Jan 12, 2012 at 10:39

answered Jan 12, 2012 at 9:15

Samich

30.4k6 gold badges70 silver badges80 bronze badges

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

1 Comment

iltdev Over a year ago

Thanks for this, Samich. The href in my code is on an achor. When I try the following I just get 'undefined'. alert($('<div class="download"><a href="example.com/image.png">Download</a></…);

KARASZI István · Accepted Answer · 2012-01-12 09:15:12Z

0

Assuming you have the following code (or something similar):

var $a = $(document.createElement('a'))
  .addClass('download')
  .attr('href', 'http://stackoverflow.com/');

Then you can get the href attribute from the $a variable with:

var href = $a.attr('href');

answered Jan 12, 2012 at 9:15

KARASZI István

31.5k9 gold badges107 silver badges133 bronze badges

1 Comment

iltdev Over a year ago

Thanks for your answer, KARASZI István. I'm not sure it will work for me a I don't have the href/url string on its own. The string I'm working with is html containing divs, classes, anchors etc. I need to extract the href from the entire string.

Collectives™ on Stack Overflow

JQuery - Getting an attribute value from a variable

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related