如何用jquery获取点击链接的href？

Question

有谁知道如何用jquery获取点击链接的href？我的链接如下:

    <a  href="ID=1" class="testClick">Test1.</a>
    <br />
    <a  href="ID=2" class="testClick">Test2.</a>
    <br />
    <a  href="ID=3" class="testClick">Test3.</a>

我写了一个代码如下,从我点击的链接中获取href值.但不知何故,即使我点击Test2或Test3,这总是会返回第一个链接的href(ID = 1).有谁知道这里发生了什么？我该如何解决这个问题？

    $(".testClick").click(function () {
        var value = $(".testClick").attr("href");
        alert(value );
    });

Answer 1

这在回调函数是指点击的元素.

   $(".addressClick").click(function () {
        var addressValue = $(this).attr("href");
        alert(addressValue );
    });

Answer 2

您正在寻找 $(this).attr("href");

Answer 3

$(".testClick").click(function () {
         var value = $(this).attr("href");
         alert(value );     
}); 

当您使用$(".className")时,您将获得具有该类的所有元素的集合.然后,当您调用attr时,它只返回集合中第一个项的值.

Answer 4

假设我们有三个锚标签，例如，

<a  href="ID=1" class="testClick">Test1.</a>
<br />
<a  href="ID=2" class="testClick">Test2.</a>
<br />
<a  href="ID=3" class="testClick">Test3.</a>

现在在脚本中

$(".testClick").click(function () {
        var anchorValue= $(this).attr("href");
        alert(anchorValue);
});

使用此关键字代替 className (testClick)