複製表格行到另一個表格HTML

Question

Fiddle

我有兩個表。當我點擊一個表格行時，它會複製到另一個表格，我將按照我的要求更改該按鈕。請幫幫我。

$(window).load(function() { 
       var items = []; 

       $(".addBtn").on("click", function() { 
        var newTr = $(this).closest("tr").clone(); 

        var newButtonHTML = "<input type = 'button' value='Edit' onclick='Edit()' /><input type='button' value='Delete' onclick='deleteRow(this.parentNode.parentNode.rowIndex)'/>"; 
        $(newButtonHTML).children("button").click(function(e) { 
        }); 

        $(newTr).children("td:last").html("").html(newButtonHTML); 
        items.push(newTr); 
        newTr.appendTo($("#stopsTable")); 

       }); 

Answer 1

在您的例子，這是一個錯誤的選擇

$('#myTable.tr') 

代替

$('#myTable tr') 

檢查固定的版本：http://jsfiddle.net/V7wXD/7/

最好的問候！

Answer 2

JS：

$(function() { 
    $('#myTable tbody tr').each(function(){ 
     $(this).append('<td><button class="copy">Copy</button></td>'); 
    }); 

    $(document).on('click', 'button.copy', function(){ 
     var $tr = $(this).parents('tr:first').clone(); 

     $tr.appendTo($('#stopsTable > tbody')); 
    }); 
}); 

測試在這裏：

http://jsfiddle.net/V7wXD/8/

你不使用jQuery權