如何使用 jQuery 选择表格的最后一行？

给定一个 HTML 表格，任务是在 jQuery 的帮助下选择表格的最后一行。下面将通过适当的示例讨论两种方法。

方法一：首先根据表的ID选择表。使用find() 方法查找表的所有表行。使用last() 方法获取表格的最后一行。最后一个元素的背景颜色已更改以查看效果。

• 例子：

   
   
       
       
          How to select the last row of
          a table using jQuery?
       
      
      
      
          h1 {
              color: green;
          }
      
       
       
      
           
              GeeksforGeeks 
          
          
              Click on the button to select last
              item of table
          
          
          
              
              
              
          
          
              
              
              
          
          
              
              
              
          
          
              
              
              
          
          
              
              
              
          
          Sl.NoTitleGeek_id01HTMLMarkup Language02CSSCascading Style03JavaScriptScripting Language04BootstrapFramework
          
           
              Click here
           
          
           
              function Geeks() {
                      $('table tr:last')
                      .css("background-color", "yellow");
              }
           
          
       
                      

• 输出：

方法二：使用$(‘table tr:last’) jQuery Selector查找表格的最后一个元素。查询中的 ‘table’ 查找 table 元素，然后 ‘tr’ 查找 table 元素中的所有行，’:last’ 查找表的最后一个 table 行。

• 例子：

   
   
       
       
          How to select the last row of
          a table using jQuery?
       
      
      
      
          h1 {
              color: green;
          }
      
       
       
      
           
              GeeksforGeeks 
          
          
              Click on the button to select last
              item of table
          
          
          
              
              
              
          
          
              
              
              
          
          
              
              
              
          
          
              
              
              
          
          
              
              
              
          
          Sl.NoTitleGeek_id01HTMLMarkup Language02CSSCascading Style03JavaScriptScripting Language04BootstrapFramework
          
           
              Click here
           
          
           
             function Geeks() {
                    $('table tr:last')
                    .css("background-color", "yellow");
            }
           
          
       
                      

• 输出：