¿Cómo obtener el href del enlace cliqueado con jquery?

Question

¿Alguien sabe cómo puedo obtener el href del enlace cliqueado con jquery? Tengo el enlace de la siguiente manera:

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

me escribió un código de la siguiente manera para obtener el valor href del enlace que he hecho clic en. Pero de alguna manera esto siempre me devuelve el href del primer enlace (ID = 1) aunque hice clic en Test2 o Test3. ¿Alguien sabe qué está pasando aquí? y ¿cómo puedo resolver este problema?

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

Answer 1

este en su función de devolución de llamada se refiere al elemento se ha hecho clic.

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

Answer 2

Usted está buscando $(this).attr("href");

Answer 3

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

Cuando se utiliza $ ("className") que está recibiendo el conjunto de todos los elementos que tienen esa clase. Luego, cuando llame a attr, simplemente devuelve el valor del primer elemento de la colección.

Answer 4

Supongamos que tenemos tres etiquetas de anclaje 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> 

ahora en escritura

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

uso este palabra clave en lugar de className (testClick)