调整表格布局/结构与jquery

Question

我怎样才能使用jQuery执行以下操作？

我有一个三行和一个标题行的表。是这样的：

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<dynamic>" %> 
<%@ Import Namespace="MyModel.Model" %> 
<div> 
<table id="MyTable"> 
     <tr> 
      <th> 
       Select1 
      </th> 
      <th> 
       Select2 
      </th> 
      <th> 
       Text1 
      </th>    
     </tr> 

     <tr> 
      <td> 
       <select name="Select1"></select> 
      </td> 
      <td> 
       <select name="Select2"></select> 
      </td> 
      <td> 
       <input name="Input1"/> 
      </td>    
     </tr>  
</table> 
</div> 

我想克隆这个表格的最后一行，删除所有行，但标题行，追加克隆行（最后行）和隐藏（克隆行）。

我知道如何分别执行这些操作。

$("#MyTable tr:last").clone() 
$("#MyTable tr>td").remove() 
$("#MyTable tr:last").appendTo('#MyTable tr:first') 
$("#MyTable tr:last").hide() 

我很努力在删除所有行（但标题）后附加克隆的行。

任何帮助，将不胜感激。

Answer 1

你需要保持对克隆行的引用：

var $lastrow = $("#MyTable tr:last").clone(); 

// removes actual tr's, but not the headers 
$("#MyTable tr > td").parent().remove(); 

$lastrow 
    .appendTo('#MyTable') 
    .hide();