How to get href value using jQuery?
javascript, jquery
Solution
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 `<a>` on the page. This, incidentally, is why your example works but your real code doesn't
Problem
I'm trying to get href value using jQuery: ``` <html> <head> <title>Jquery Test</title> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(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(); }); }); </script> </head> <body> <a href="http://jquery.com/">jQuery</a> </body> </html> ``` But it doesn't work. Why?