如何使用jQuery在表格中添加表格行？

jQuery 可用于动态添加表格行。这可用于 Web 应用程序，如果需要，用户可能需要添加更多行。

添加表格行的步骤：

• 构造了行所需的标记。

  markup = " + information + "
  

• 选择要添加表行的表体。

  tableBody = $("table tbody")
  

• 最后将标记添加到表格正文中。

  tableBody.append(markup)
  

例子：

  

    
        How to add table row in jQuery?
    
      
    
    
      
    
        table {
            margin: 25px 0;
            width: 200px;
        }
  
        table th, table td {
            padding: 10px;
            text-align: center;
        }
  
        table, th, td {
            border: 1px solid;
        }
    

  

    
        GeeksForGeeks
    
      
    How to add table row in jQuery?
      
    
        Click on the button below to
        add a row to the table
    
      
    
        Add row
    
      
    
        
            
                
            
        
        
            
                
            
        
    RowsThis is row 0
      
    
    
        let lineNo = 1;
        $(document).ready(function () {
            $(".add-row").click(function () {
                markup = "<tr><td>This is row " 
                    + lineNo + "</td></tr>";
                tableBody = $("table tbody");
                tableBody.append(markup);
                lineNo++;
            });
        }); 
    

                    

输出：

• 在点击按钮之前：
  
• 单击按钮 4 次后：