如何使用 Jquery 复制 table 的第一行？

Question

我需要克隆 table 的第一行。我添加了一个新按钮，但没有任何反应！ #add_button 放在 table.

之后

(First row is the header)

$('#add_button').click(function(event) {
var new_line = $(this).prev('table').find('tr:eq(1)');
$(this).prev('table').append(new_line);
});

Answer 1

您需要克隆，否则您只需移动现有行

$('#add_button').click(function (event) {
    var $table = $(this).prev('table'),
        $nrow = $table.find('tr:eq(1)').clone();
    $table.append($nrow);
});

演示：Fiddle

Answer 2

您需要克隆 table 行然后追加，这样原始行就不会移动，请参见下面的代码

注意 - 对 table 元素使用变量，这样您就不必再次调用 prev('table') 来查找 table 然后附加。此外，如果您在 add_button 之前有 table，则此代码将有效，中间不得有任何其他元素。

$('#add_button').click(function(event) {
   var $table = $(this).prev('table');
   var new_line = $table.find('tr:eq(1)').clone();
   $table.append(new_line);
});

如何使用 Jquery 复制 table 的第一行？

How to copy first row of a table using Jquery?

jquery

clone

row

html-table