【发布时间】:2012-05-30 16:24:23
【问题描述】:
我正在动态创建表格行。所以每次添加一行时,都需要获取最后一个<tr>的ID,这样就可以用ID = "(the last row's ID) + 1"创建一个新的<tr>。有没有办法使用jQuery获取最后一行的ID?
【问题讨论】:
标签: javascript jquery
我正在动态创建表格行。所以每次添加一行时,都需要获取最后一个<tr>的ID,这样就可以用ID = "(the last row's ID) + 1"创建一个新的<tr>。有没有办法使用jQuery获取最后一行的ID?
【问题讨论】:
标签: javascript jquery
$('#yourtableid tr:last').attr('id');
【讨论】:
:last 自 jQuery 3.4.0 起已弃用
.last(),像这样$('#yourtableid tr').last().attr('id');,下面看看我的答案
var id = $('table tr:last').attr('id');
【讨论】:
表格的最后一行id
var lastid = $('table tr:last').attr('id');
var str = lastid .replace(/[^0-9]+/ig,"");
【讨论】:
var tid=$('#tableid tr:last').attr('id');
alert(tid);
【讨论】:
老问题,但这里有一种使用 JQuery 遍历的不同方式,它更快一点:
$("#TableId").find("tr").last();
如果它们都是连续的,另一种识别行的方法是获取行数 + 1。
$("#TableId").find("tr").length + 1
【讨论】:
有两种方法,它们都可以工作$('#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)". ";
}
【讨论】:
从 jQuery 3.4.0 开始,:last 已弃用,请改用 .last(),如下所示:
var id = $('#mytable tr').last().attr('id');
【讨论】: