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);

克隆表格行

1 个答案: