Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将表行克隆到另一行并修改HTML_Javascript_Jquery_Html_Html Table_Rows - Fatal编程技术网

Javascript 将表行克隆到另一行并修改HTML

Javascript 将表行克隆到另一行并修改HTML,javascript,jquery,html,html-table,rows,Javascript,Jquery,Html,Html Table,Rows,我正在创建一个具有许多功能的表,但现在我试图在用户单击“选择为停止”时实现它,将行复制到实现的第二行,但现在我尝试在用户按下按钮“选择为停止”时进行修改,而不是复制到另一个表并修改最后一行,这是操作。它修改为创建两个按钮并删除第二个按钮 JS $(window).load(function() { var items = []; $(".addBtn").on("click", function() { var

我正在创建一个具有许多功能的表,但现在我试图在用户单击“选择为停止”时实现它,将行复制到实现的第二行,但现在我尝试在用户按下按钮“选择为停止”时进行修改,而不是复制到另一个表并修改最后一行,这是操作。它修改为创建两个按钮并删除第二个按钮

JS

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

            $(".addBtn").on("click", function() {
                var newTr = $(this).closest("tr").clone();
                items.push(newTr);
                newTr.appendTo($("#stopsTable"));

            });
        });


        $(window).load(function() {
            $("td:contains('Moving')")
                    .closest('tr')
                    .add(
                            $("td:contains('Depart')").closest('tr')
                            )
                    .add(
                            $("td:contains('Ignition_On')").closest('tr')
                            )
                    .add(
                            $("td:contains('Location')").closest('tr')
                            )
                    .add(
                            $("td:contains('Arrive')").closest('tr')
                            )
                    .hide();
        });

你的意思是什么

我所做的是保留你的克隆脚本,删除最后一个td(按钮)中的所有内容,并为你的新按钮放置一个占位符

我还为您添加了一个占位符,用于将您需要的任何JS添加到新按钮:)


谢谢是的我想要这个
var newButtonHTML = "NEW BUTTON";    // This should be button HTML
$(newButtonHTML).children("button").click(function(e) {
    // type new button click code here if needed
});