Jak sprawdzić, czy aktualnie znajdujesz się w ostatnim wierszu tabeli HTML?

Question

Mam zdarzenie keydown, którego używam do dodawania pustego wiersza do tabeli. Ale chcę tylko dodać nowy wiersz, jeśli zdarzenie keydown ma miejsce, gdy kursor znajduje się w ostatnim wierszu tabeli.

To jest moje bieżące wydarzenie jQuery. .glCreditValue to klasa wejściowego pola tekstowego, który znajduje się w ostatnim TD wiersza tabeli. Gdy użytkownik wyjdzie z tego wejścia, JEŻELI TD, w którym znajduje się wejście, znajduje się w ostatnim wierszu tabeli, chcę dodać nowy wiersz.

Ponieważ dane tabeli są generowane dynamicznie, ostateczny TD każdego wiersza ma pole tekstowe wejściowe z klasą .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(); 
     } 
    }); 

Próbuję skorzystać z selektora tr: last, ale nie jestem pewien, skąd się wybrać.

Answer 1

Istnieje kilka sposobów, aby to zrobić, na przykład można sprawdzić .closest() rodzica <tr> i zobacz czy .is():last-child, tak:

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

Answer 2

Jednym ze sposobów, aby to zrobić bez konieczności obciążania uruchomienie selektora to po prostu uzyskać the .closest() row, a następnie przejść do the .next() element i przetestować its .length property.

To będzie 0, jeśli byłeś na ostatnim <tr>.

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