Getting an anchor element's absolute URL with jQuery

jquery url anchor absolute-path
Chetan picture Chetan · May 30, 2011 · Viewed 10k times · Source

Given an anchor element (with something like $("a:first")), how do you get the absolute URL that the anchor points to?

Answer

Andrew Whitaker picture Andrew Whitaker · May 30, 2011

If you're using jQuery 1.6+, you can use .prop():

$("a:first").prop("href")

Prior to 1.6, you can access the href property directly on the DOM element:

$("a:first")[0].href;

Related questions

How to get the anchor from the URL using jQuery?

I have a URL that is like: www.example.com/task1/1.3.html#a_1 How can I get the a_1 anchor value using jQuery and store it as a variable?

Read More
append /remove anchor name from current url without refresh

I want that on click event to append/remove the anchor name "#on" to be added to the current url without reloading the page, or use the href='#on' from links because it makes my page jump Eg: http://…

Read More
Get current URL with jQuery?

I am using jQuery. How do I get the path of the current URL and assign it to a variable? Example URL: http://localhost/menuname.de?foo=bar&number=0

Read More