0

我想克隆我的 tr 类行。因此，当用户单击按钮时，该行将克隆并设置在最后一行下方。

我目前使用以下代码，只是它不能正常工作。我可能不正确。

JS：

var row = jQuery('.ui-sortable').closest('.ui-sortable').find('tbody tr.row.ui-sortable:last-child');
var clone = row.clone();

克隆的字段如下所示：

HTML 标记：

echo '<tbody class="ui-sortable">';
echo '<tr class="row">';
echo '<td class="order">1</td>';

// Do some stuff inside the row.

echo '<td class="remove"><a class="repeatable-remove button" href="#">-</a></td>';
echo '</tr>'; // End .row
echo '</tbody>';

我认为 javascript 的第一段代码不正确。

4

1 回答 1

0

如果按钮在您要克隆的行内，那么类似下面的内容应该可以工作。（它可能不完全正确，但可能很接近）。

$('#your-table').on('click', '.copy-row-button', function() {
  var 
    $table = $(this).closest('table'),
    $row = $(this).closest('tr'),
    $newRow = $row.clone();

  $table.append($('<tbody/').append($newRow));
});

我附加了包含在新元素中的行，<tbody>因为 Internet Explorer 在将 a 附加<tr>到现有表体时可能会遇到问题。

该代码还为表格和按钮使用了组成的选择器；你可以用你需要的任何 id/class 值来制作你的页面。

于 2013-01-19T17:29:03.870 回答