Javascript 如何使用jQuery克隆表行？

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

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

JS:

克隆的字段如下所示：

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

echo'；
回声'；
回声“1”；
//在这一排做些事情。
回声'；
回显“”；//结束，一排
回声'；

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

如果按钮位于要克隆的行中，那么下面的代码应该可以使用。（可能不完全正确，但可能很接近）

$（“#您的表”）。在（'单击'，'上。复制行按钮'，函数（）{
变量
$table=$（this）.closest（'table'），
$row=$（this）.closest（'tr'），
$newRow=$row.clone（）；
$table.append（$）（'您根本不清楚要做什么，但您是对的，第一段代码不起作用。您根本不需要
.closest（）
部分，也不需要
.find（））
真的。我不能给你正确的答案，因为我不知道你想如何识别该行。首先，我的答案是。我真正想要的是当用户单击“添加新”按钮时，该行（请参见html标记）被克隆并放置在最后一行的下面。这个故事背后的概念是，要通过javascript复制WordPress Metabox的字段。希望大家现在都明白了！如果没有，我将重新尝试；）谢谢您的回复！啊，我明白了；按钮在同一行。好的，这很有意义。@很抱歉，行中用于删除该行的按钮是。行外新状态的按钮。。我已经尝试了您的代码，但它不起作用……我试着到处玩，寻找其他代码，并想出了下一段代码。它会的工作，当我点击按钮类“repeatable add”时，字段将重复，下一个字段的值将重置。当我想更新我的帖子时（将此用于WordPress内的插件）该字段已消失…>>当我添加一个新字段并在其中设置一些新值时，它将覆盖第一行输入。因此，当我在第一行设置“Hello”时，克隆该字段，并在第二行输入一个值“Thank you”，保存/更新帖子时，只有一个字段的最新值为“Thank you”.我想它会覆盖其他字段。希望有人能帮我解决此问题！提前谢谢！
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>';

$('#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));
});