将表行克隆到另一个并修改 HTML答案

【问题标题】：Cloning table row to another and modify HTML将表行克隆到另一个并修改 HTML
【发布时间】：2014-07-03 22:10:06
【问题描述】：

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

Fiddle

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

【问题讨论】：

jsfiddle.net/ashishsrivastava22/qxqP9

标签： javascript jquery html html-table rows

【解决方案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
});

【讨论】：

谢谢，是的，我想要这个