克隆錶行

Question

您好我有兩行 像：

<tr> 
    <td> 
    <%:Html.Label("Name")%> 
    <%:Html.TextBoxFor(model=>model.Name)%> 
    </td> 
</tr> 
<tr> 
    <td> 
    <%:Html.Label("Age")%> 
    <%:Html.TextBoxFor(model=>model.Age)%> 
    </td> 
</tr> 

我應該如何克隆這些兩行和最後一行完成後添加。 我想是這樣的：

$("#" + tableId + "tbody") 
    .clone(true) 
    .insertAfter("#" + tableId + " tr:last"); 
$('#' + tableId + ' tbody:first>tr:last>td:last') 
    .empty() 
    .append("<input type=\"image\" id=\"imgDelete\" name=\"delete\" alt='' class=\"delete\" onclick='DeleteTableRow(this)' />"); 

Answer 1

我只想克隆2行，你可以給他們和id，例如：

<tr id="toClone_0"> 
    <td> 
    <%:Html.Label("Name")%> 
    <%:Html.TextBoxFor(model=>model.Name)%> 
    </td> 
</tr> 
<tr id="toClone_1"> 
    <td> 
    <%:Html.Label("Age")%> 
    <%:Html.TextBoxFor(model=>model.Age)%> 
    </td> 
</tr> 

然後在jQuery的：

// select the elements whose id starts with 'toClone_' 
// false to avoid cloning of event handlers, true ohterwise 
var clonedRows = $("id^='toClone_'").clone(false); 

// insert the cloned rows after the last row 
$("#" + tableId + "tr:last").after(clonedRows);