如何判斷您目前是否在HTML表格的最後一行？

Question

我有一個keydown事件，我正在使用它將一個空行添加到表中。 但是我只希望在遊標位於表的最後一行時發生keydown事件時添加新行。

這是我目前的jQuery事件。 .glCreditValue是駐留在表格行最後一個TD中的輸入文本框的類。 因此，當用戶跳出該輸入時，如果輸入在裏面的TD在表格的最後一行，我想添加一個新行。

由於表格數據是動態生成的，所以每行的最終TD都有一個帶有.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(); 
     } 
    }); 

我想使用TR：最後選擇器，但我不知道從哪裏走。

Answer 1

有幾個方法可以做到這一點，例如，你可以檢查.closest()父<tr>，看看它是否.is()一個:last-child，像這樣：

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

Answer 2

一種方式做到這一點，而無需開銷運行選擇器只需簡單地獲得the .closest() row，然後轉到the .next() element並測試its .length property。

如果您在最後的<tr>上，它將是0。

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