Home/ Questions/Q 551637
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T11:24:54+00:00

I’m trying to get href value using jQuery: <html> <head> <title>Jquery Test</title> <script type=text/javascript

  • 0

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?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    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

    • 0