¿Cómo saber si actualmente se encuentra en la última fila de una tabla HTML?

Question

Tengo un evento de selección que estoy usando para agregar una fila en blanco a una tabla. Pero solo quiero que se agregue la nueva fila si el evento de selección ocurre cuando el cursor está en la última fila de la tabla.

Este es mi evento jQuery actual. .glCreditValue es la clase de un cuadro de texto de entrada que reside en el último TD de la fila de la tabla. Así que cuando el usuario saca pestañas de esa entrada, SI el TD en el que está la entrada está en la última fila de la tabla, quiero agregar una nueva fila.

Como los datos de la tabla se generan dinámicamente, el TD final de cada fila tiene un cuadro de texto de entrada con la clase .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(); 
     } 
    }); 

Estoy tratando de hacer uso del tr: último selector, pero no estoy seguro de dónde ir desde aquí.

Answer 1

Hay algunas maneras de hacer esto, por ejemplo, se puede comprobar la .closest() padre <tr> y ver si .is() un :last-child, así:

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

Answer 2

Una forma de hacerlo sin tener la sobrecarga de ejecutar un selector es simplemente obtener the .closest() row, luego ir a the .next() element y probar its .length property.

Será 0 si estuvo en el último <tr>.

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