如何使用Jquery复制表的第一行?

时间:2015-03-31 08:52:20

标签: jquery html-table row clone

我需要克隆第一行表格。我添加了一个新按钮,但没有任何反应! #add_button放在桌子后面。

  

(第一行是标题)

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

2 个答案:

答案 0 :(得分:3)

你需要克隆其他你将只是移动现有的行

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

演示:Fiddle

答案 1 :(得分:1)

您需要克隆表格行然后追加,以便原始行不会移动,请参阅下面的代码

注意 - 将变量用于表格元素,这样您就不必再次调用prev('table')来查找表格然后追加。如果table之前有add_button,则此代码也可以使用,中间不得有任何其他元素。

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