Cómo capturar un clic en un valor href usando jQuery

Question

Tengo el siguiente código HTML en el back-end, es decir.

<div class="navi"> 
    <a class="" href="0"></a> 
    <a class="" href="1"></a> 
    <a class="" href="2"></a> 
    <a class="" href="3"></a> 
</div> 

Disculpas por la pregunta básica pero me gustaría utilizar jQuery para capturar clic del usuario cuando sólo haga clic en el valor href de "0"

Básicamente desea ocultar un div llamado "info" cuando el usuario hace clic en donde href = "0"

¿No sabe cómo hacerlo?

Gracias.

Answer 1

Puede utilizar el attribute-equals selector, como esto (aunque no creo que sea una válida href):

$("a[href=0]").click(function() { 
    $("#info").hide(); 
}); 

Un mejor enfoque, si es posible, sería dar la <a> una mejor href que los puntos a la <div>, así:

<div class="navi"> 
    <a class="" href="#info"></a> 
    <a class="" href="#info1"></a> 
    <a class="" href="#info2"></a> 
    <a class="" href="#info3"></a> 
</div> 

a continuación, se puede utilizar un controlador de clic más genérico, en relación con el correspondiente <div> así:

$(".navi a").click(function() { 
    $(this.hash).toggle(); 
}); 

Esto sería alternar <div id="info"> al hacer clic en el enlace href="#info", el mismo o los demás ... si sus enlaces se refieren todas a divs, este es un mucho mejor camino a seguir, y que se degrada con gracia con JavaScript desactivado .