Como obter o href do link clicado com jquery?

87

Alguém sabe como posso obter o href do link clicado com jquery? Eu tenho o seguinte 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>

Escrevi o seguinte código para obter o valor href do link em que cliquei. Mas de alguma forma, isso sempre me retorna o primeiro href do link (ID = 1), embora eu tenha clicado em Teste2 ou Teste3. Alguém sabe o que está acontecendo aqui? e como posso resolver esse problema?

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

jquery

— Jin Yong
fonte

176

isso em sua função de retorno de chamada se refere ao elemento clicado.

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

— Daff
fonte

18

Ou pode-se apenas acessá-lo diretamente em vez de criar um objeto jQuery. var addressValue = this.href;

— Chris,

1

Para sua informação, se href for relativo, href="sibling_file.htm"então $ (this) .attr ("href") retorna sibling_file.htme retorna this.href https://example.com/folder/sibling_file.htm(que é o que eu esperava e queria.)

— Redzarf

18

Você está procurando por $(this).attr("href");

— Matt
fonte

10

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

Quando você usa $ (". ClassName"), está obtendo o conjunto de todos os elementos que possuem essa classe. Então, quando você chama attr, ele simplesmente retorna o valor do primeiro item da coleção.

— Paulo
fonte

4

Suponha que temos três tags âncora como,

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

agora no script

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

use esta palavra - chave em vez de className (testClick)

— Vishal Ribdiya
fonte