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）

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

4 个答案: