調整表格佈局/結構與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();