使用 jQuery 获取表的最后一行

Getting the last row of a table using jQuery?

本文关键字：一行 最后 jQuery 获取 使用      更新时间：2023-09-26

我正在动态创建表行。所以每次添加一行，我都需要获取最后一个<tr>的 ID，以便我可以使用 ID = "(the last row's ID) + 1" 创建一个新<tr>。有没有办法使用 jQuery 获取最后一行的 ID？

$('#yourtableid tr:last').attr('id');

老问题，但这里有一种使用 JQuery 遍历的不同方法

，它更快一些： 
$("#TableId").find("tr").last();

如果行都是连续的，则识别行的另一种方法是获取行数 + 1。

$("#TableId").find("tr").length + 1

var id = $('table tr:last').attr('id');

> 2019

从 jQuery 3.4.0 开始，:last已弃用，请改用.last()，如下所示：

var id = $('#mytable tr').last().attr('id');

var tid=$('#tableid tr:last').attr('id');
alert(tid);

有两种方法，它们都适用于$('#tableid tr:last')和$('#tableid tr').last()

你不需要为此使用 jQuery。您可以在 CSS 计数器中处理它。计数器会自动递增索引值，并且还处理数字的重新排列，以防从中间删除行。CSS 计数器可以按如下方式实现。将其插入到处理 HTML 表格样式的 CSS 文件中。

  #yourtableid tbody 
    {
      counter-reset: tablerow;
    }
  #yourtableid tbody .yourHTMLcellclass::before 
    {
  counter-increment: tablerow;
  content: counter(tablerow)". ";
    }

表的最后一行 ID

var lastid = $('table tr:last').attr('id');
var str = lastid .replace(/[^0-9]+/ig,"");

我一直在寻找一个香草javascript解决方案，这个问题是谷歌的第一个结果，所以这是没有Jquery的解决方案：

    let table = document.getElementById('myTable') ;
    let lastLine = table.rows[table.rows.length-1];
相关文章：