如何使用jQuery获得href值？

javascript jquery

2022-08-30 01:28:45

我试图使用jQuery获得href值：

<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>

但它不起作用。为什么？

答案 1

你需要

var href = $(this).attr('href');

在 jQuery 单击处理程序中，对象引用单击的元素，而在您的情况下，您始终会获得页面上第一个元素的 href。顺便说一句，这就是为什么你的示例有效，但你的真实代码不起作用的原因。this<a>

答案 2

您可以通过以下代码获取当前 href 值：

$(this).attr("href");

按 ID 获取 href 值

$("#mylink").attr("href");