How to get href value using jQuery

Question

I m trying to get href value using jQuery    lt html gt       lt head gt           lt title gt Jquery Test lt  title gt            lt script type  text javascript  src  http   code jquery com jquery-latest js  gt  lt  script gt           lt script type  text javascript  gt            document  ready function                    a   click function event                    alert  As you can see  the link no longer took you to jquery com                    var href      a   attr  href                    alert href                   event preventDefault                                         lt  script gt       lt  head gt       lt body gt           lt a href  http   jquery com   gt jQuery lt  a gt       lt  body gt   lt  html gt    But it doesn t work  Why

User · Answer

You can get current href value by this code     this  attr  href      To get href value by ID       mylink   attr  href

User · Answer

It works    Tested in IE8  don t forget to allow javascript to run if you re testing the file from your computer  and chrome

User · Answer

If your html link is like this   lt a class   quot linkClass quot  href  quot https   stackoverflow com  quot  gt  Stack Overflow lt  a gt   Then you can access the href in jquery as given below  there is no need to use  quot a quot  in href for this     quot  linkClass quot   on  quot click quot  accesshref    function accesshref       var url      quot  linkClass quot   attr  quot href quot       OR  var url     this  attr  quot href quot

User · Answer

You need  var href     this  attr  href      Inside a jQuery click handler  the this object refers to the element clicked  whereas in your case you re always getting the href for the first  lt a gt  on the page  This  incidentally  is why your example works but your real code doesn t

User · Answer

if the page have one  lt a gt  It Works but many  lt a gt   have to use var href     this  attr  href

User · Answer

It s worth mentioning that    a   attr  href       gets the actual value    a   prop  href       gets the full URL always

User · Answer

Replacing  href attribut value to other        lt div class  quot cpt quot  gt      lt a href  quot  ref ref testone html quot  gt testoneLink lt  a gt    lt  div gt      lt div class  quot test quot   gt         lt a href  quot  ref ref testtwo html quot  gt testtwoLInk lt  a gt     lt  div gt     lt  --Remove first default Link from href attribut -- gt   lt script gt       Remove first default Link from href attribut        quot  cpt a quot   removeAttr  quot href quot             Add  Link to same href attribut     var testurl     quot  test quot   find  quot a quot   attr  quot href quot           quot  test a quot   attr  href   testurl    lt  script gt

[javascript] How to get href value using jQuery?

Examples related to javascript

Examples related to jquery