Comment savoir si vous êtes actuellement dans la dernière rangée d'un tableau HTML?

Question

J'ai un événement keydown que j'utilise pour ajouter une ligne vide à une table. Mais je veux seulement que la nouvelle rangée soit ajoutée si l'événement de keydown se produit quand le curseur est dans la dernière rangée de la table.

Ceci est mon événement jQuery actuel. .glCreditValue est la classe d'une zone de texte d'entrée qui réside dans le dernier TD de la ligne du tableau. Donc, lorsque l'utilisateur tabule sur cette entrée, SI le TD à l'intérieur de l'entrée est dans la dernière rangée de la table, je veux ajouter une nouvelle ligne. Etant donné que les données de la table sont générées dynamiquement, la TD finale finale de chaque ligne a une zone de saisie avec la classe .glCreditValue.

$(".glCreditValue").keydown(function(event) { 
     var keycode = event.keyCode; 
     if (keycode == 9) { 
      //HERE i would like to make sure that i'm in the last row of the table 
      AddNewRow(); 
     } 
    }); 

Je suis en train d'utiliser le tr: dernier sélecteur, mais je ne suis pas sûr tout à fait où aller d'ici.

Answer 1

Il y a quelques façons de le faire, par exemple, vous pouvez vérifier le parent .closest()<tr> et voir si elle .is() un :last-child, comme ceci:

$(".glCreditValue").keydown(function(event) { 
    if (event.which == 9 && $(this).closest("tr").is(":last-child")) { 
     AddNewRow(); 
    } 
}); 

Answer 2

Une façon de le faire sans avoir les frais généraux de exécuter un sélecteur consiste simplement à obtenir the .closest() row, puis aller à the .next() element et tester its .length property. Il sera 0 si vous étiez sur le dernier <tr>.

if(!$(this).closest('tr').next().length) { 
    // was the last row 
}