Question

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

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

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

1 个答案: