How to get the clicked link s href with jquery

Question

Does anyone know how can I get the clicked link s href with jquery  I have the link as following        lt a  href  ID 1  class  testClick  gt Test1  lt  a gt       lt br   gt       lt a  href  ID 2  class  testClick  gt Test2  lt  a gt       lt br   gt       lt a  href  ID 3  class  testClick  gt Test3  lt  a gt    I wrote a code as following to get the href value from the link I clicked on  But somehow this is always return me the 1st link s href  ID 1  even though I clicked on Test2 or Test3  Does anyone know what is it going on here  and how can I solve this issue           testClick   click function              var value       testClick   attr  href            alert value

User · Answer

You re looking for   this  attr  href

User · Answer

Suppose we have three anchor tags like     lt a  href  ID 1  class  testClick  gt Test1  lt  a gt   lt br   gt   lt a  href  ID 2  class  testClick  gt Test2  lt  a gt   lt br   gt   lt a  href  ID 3  class  testClick  gt Test3  lt  a gt    now in script      testClick   click function              var anchorValue    this  attr  href            alert anchorValue         use this keyword instead of className  testClick

User · Answer

testClick   click function               var value     this  attr  href             alert value                When you use     className   you are getting the set of all elements that have that class  Then when you call attr it simply returns the value of the first item in the collection

User · Answer

this in your callback function refers to the clicked element          addressClick   click function              var addressValue     this  attr  href            alert addressValue

[jquery] How to get the clicked link's href with jquery?

Examples related to jquery