【问题标题】:Getting the last row of a table using jQuery?使用jQuery获取表格的最后一行?
【发布时间】:2012-05-30 16:24:23
【问题描述】:

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

【问题讨论】:

    标签: javascript jquery


    【解决方案1】:
    $('#yourtableid tr:last').attr('id');
    

    【讨论】:

    • :last 自 jQuery 3.4.0 起已弃用
    • @evilReiko - 有什么替代品吗?
    • @ashleedawg 你可以用.last(),像这样$('#yourtableid tr').last().attr('id');,下面看看我的答案
    【解决方案2】:
    var id = $('table tr:last').attr('id');
    

    【讨论】:

      【解决方案3】:

      表格的最后一行id

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

      【讨论】:

        【解决方案4】:
        var tid=$('#tableid tr:last').attr('id');
        alert(tid);
        

        【讨论】:

          【解决方案5】:

          老问题,但这里有一种使用 JQuery 遍历的不同方式,它更快一点:

          $("#TableId").find("tr").last();
          

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

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

          【讨论】:

            【解决方案6】:

            有两种方法,它们都可以工作$('#tableid tr:last')$('#tableid tr').last()

            【讨论】:

              【解决方案7】:

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

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

              【讨论】:

                【解决方案8】:

                2019

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

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

                【讨论】:

                  猜你喜欢
                  • 1970-01-01
                  • 1970-01-01
                  • 1970-01-01
                  • 2023-03-06
                  • 2012-03-30
                  • 2018-06-24
                  • 2015-03-15
                  • 1970-01-01
                  • 2012-09-10
                  相关资源
                  最近更新 更多