Jak uzyskać href klikniętego linku za pomocą jQuery?

Czy ktoś wie, jak mogę uzyskać href klikniętego linku za pomocą jQuery? Mam następujący link:

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

Napisałem następujący kod, aby uzyskać wartość href z linku, w który kliknąłem. Ale w jakiś sposób zawsze zwraca mi href pierwszego łącza (ID = 1), mimo że kliknąłem Test2 lub Test3. Czy ktoś wie, co się tutaj dzieje? i jak mogę rozwiązać ten problem?

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

this w funkcji wywołania zwrotnego odnosi się do klikniętego elementu.

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

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

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

Kiedy używasz $ (". ClassName"), otrzymujesz zestaw wszystkich elementów, które mają tę klasę. Następnie wywołanie attr po prostu zwraca wartość pierwszego elementu w kolekcji.

Załóżmy, że mamy trzy tagi kotwicy, takie jak:

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

teraz w skrypcie

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

użyj tego słowa kluczowego zamiast className (testClick)