TD cliquez sur Jquery

Question

J'ai essayé d'implémenter l'événement click pour le td: eq (6) pour chaque ligne.

Ci-dessous mon code:

$(document).on("click", "#tblDisplayBoard tr td:eq(6)", function() { 
    alert("here"); 
}) 

Mais ma sortie est seulement la première rangée de td: eq (6) capable de sortir de la zone d'alerte.

Un problème est survenu à mon code?

Answer 1

Vous voulez :nth-child():

$(document).on("click", "#tblDisplayBoard tr td:nth-child(6)", function() { 
    alert("here"); 
}); 

:eq(6) retourne la septième (JavaScript est zéro indexé) élément td retourné par le sélecteur.

Pour activer le alert() apparaître sur cliquant sur le septième td de toute/chaque ligne:

$('#tblDisplayBoard td:nth-child(7)').on('click', function() { 
    alert('here'); 
}); 

Références:

• :nth-child() pseudo-class.
• :eq() selector.

Answer 2

Si vous voulez une alerte pour chaque ligne, vous devez lier un événement de clic à chaque ligne en utilisant la fonction .each(): http://api.jquery.com/each/

var rows = $("#tblDisplayBoard tr td:eq(6)"); 
rows.each(function(){ 
    $(this).click(function(){ 
     alert("here"); 
    }); 
});