Javascript 将表格行复制到另一个表格HTML

Javascript 将表格行复制到另一个表格HTML,javascript,html,html-table,Javascript,Html,Html Table,我有两张桌子。当我单击一个表行时,它将复制到另一个表,我将根据需要更改按钮。请帮帮我 $(window).load(function() { var items = []; $(".addBtn").on("click", function() { var newTr = $(this).closest("tr").clone(); var newB

我有两张桌子。当我单击一个表行时,它将复制到另一个表,我将根据需要更改按钮。请帮帮我

$(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"));

                });
$(窗口).load(函数(){
var项目=[];
$(“.addBtn”)。在(“单击”,函数(){
var newTr=$(this.close(“tr”).clone();
var newButtonHTML=“”;
$(newButtonHTML)。子项(“按钮”)。单击(函数(e){
});
$(newTr).children(“td:last”).html(“”.html(newButtonHTML);
推送(newTr);
新的附录($(“#stopsTable”);
});

在您的示例中,它是一个错误的选择器

$('#myTable.tr') 
而不是

$('#myTable tr')
检查固定版本:

致以最诚挚的问候!

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'));
    });
});
$(函数(){
$('#myTable tbody tr')。每个(函数(){
$(this.append('Copy');
});
$(document).on('click','button.copy',function(){
var$tr=$(this.parents('tr:first').clone();
$tr.appendTo($('stopsTable>tbody');
});
});
在此处测试:


您没有正确使用Jquery。为什么要放置$sign对不起,我没有向上投票的理由。您可以向上投票我的帖子吗