如何使用 jQuery 从表中删除表行？

jQuery remove() 方法用于从 HTML 表格中删除一行。
jQuery remove() 方法：此方法删除所选元素以及文本和子节点。此方法还会删除所选元素的数据和事件。

句法：

$(selector).remove(selector)

参数：它接受可选的单个参数选择器。它指定要删除的一个或多个元素。如果要删除多个元素，请用逗号 (,)运算符分隔它们。

示例 1：此示例首先按id 值选择行，然后使用remove() 方法将其删除。

 
 
     
      
         
            How to remove a table row
            from table
         
          
        
        
  
        
            #myCol {
                background:green;
            }
            table {
                color:white;
            }
            #Geek_p {
                color:green;
                font-size:30px;
            }
            td {
                padding:10px;
            }
        
     
      
    
         
             
                GeeksForGeeks 
             
                  
            
                                                                        
                  
                
                    
                    
                    
                
                
                    
                    
                    
                
                
                    
                    
                    
                
            


S.NoTitleGeek_idGeek_1GeekForGeeksGeek_id_1Geek_2GeeksForGeeksGeek_id_2
            
              
             
                Click here
             
              
            
             
                function Geeks() {
                        $("#row1").remove();
                }
            
        
     
                    

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

示例 2：此示例首先选择其父元素的最后一个 元素，并使用remove() 方法将其删除。

 
 
     
         
            How to remove table row
            from table
         
          
        
        
      
        
            #myCol {
                background:green;
            }
            table {
                color:white;
            }
            #Geek_p {
                color:green;
                font-size:30px;
            }
            td {
                padding:10px;
            }
        
     
      
    
         
             
                GeeksForGeeks 
             
                  
            
                                                                        
                  
                
                    
                    
                    
                
                
                    
                    
                    
                
                
                    
                    
                    
                
            


S.NoTitleGeek_idGeek_1GeekForGeeksGeek_id_1Geek_2GeeksForGeeksGeek_id_2
            
              
             
                Click here
             
              
             
                function Geeks() {
                    $('tr:last-child').remove();
                }
             
        
     
                    

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

jQuery 是一个开源 JavaScript 库，它简化了 HTML/CSS 文档之间的交互，它以其“少写，多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。