javascript - 将表行克隆到另一个表行并修改 HTML

Question

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

Fiddle

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();
        });

Answer 1

您的意思是:http://jsfiddle.net/qxqP9/2/

我所做的是保留您的克隆脚本，删除最后一个 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
});