Come catturare un clic su un valore href usando jQuery

Question

Ho il seguente codice HTML nel back-end, es.

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

Ci scusiamo per la domanda di fondo, ma vorrei utilizzare jQuery per catturare clic dell'utente quando scattano solo dal valore href di "0"

In sostanza vogliono nascondere un div chiamato "info" quando l'utente fa clic sul dove l'href = "0"

Non sai come fare?

Grazie.

Answer 1

È possibile utilizzare il attribute-equals selector, come questo (anche se non credo che sia una valida href):

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

Un approccio migliore, se possibile, sarebbe quella di dare al <a> una migliore href che i punti al <div>, in questo modo:

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

quindi è possibile utilizzare un gestore di clic più generico, relativo al corrispondente <div> in questo modo:

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

Questo sarebbe alternare <div id="info"> quando si fa clic sul collegamento href="#info", gli altri lo stesso o ... Se il link si riferiscono a tutti i div, questo è un modo molto migliore per andare, e si degrada con grazia con javascript disabilitato .