如何使用jQuery克隆表格行？

7 浏览
0 Comments

如何使用jQuery克隆表格行？

我想克隆我的tr类行。所以当用户点击按钮时，该行将被克隆并设置在最后一行下方。\n我目前使用以下代码，但它无法正常工作。我可能是不正确的。\nJS：\n

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

\n克隆的字段如下所示：\nHTML标记：\n

echo '';
echo '';
echo '1';
// 在行内执行一些操作。
echo '-';
echo ''; // 结束.row
echo '';

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

0

1 答案

0 Comments

问题的原因是作者想要使用jQuery克隆一个表格行，但是尝试过的代码无法正常工作。作者尝试了一些其他代码，但是仍然无法解决问题。作者希望能够复制表格行并保留每个复制的行的值。

解决方法如下：

作者提供了一个能够正常工作的代码示例，当点击class为"copy-row-button"的按钮时，会克隆所在行并添加到相同的表格中。代码中使用了closest()方法来获取最接近的table和tr元素，并使用clone()方法来克隆行。为了解决在Internet Explorer浏览器中向现有表格主体中添加

的问题，作者将克隆的行包裹在一个新的

元素中。代码中的选择器是虚构的，读者可以根据需要使用自己页面中的id或class值。

另外，还有之前尝试过的代码无法正常工作的问题，并提供了一个链接到snippi.com网站的代码片段。作者指出，在使用该代码片段时，当点击class为"repeatable-add"的按钮时，字段会复制并重置为下一个字段的值。然而，在更新帖子后，字段会消失。当作者添加一个新的字段并设置一个新的值时，它会覆盖第一行的输入。作者希望能够修复这个问题。

希望有人能够帮助作者解决这个问题。

0