將表格行克隆到另一個並修改HTML

Question

我正在創建一個具有許多功能的表格，但現在我試圖在用戶單擊「Select as stop」時將其複製到第二行，該行已實施，但現在是我嘗試修改它，當用戶按下按鈕「選擇爲停止」時複製，而不是複製到另一個表，並修改最後一行是行動。其修改爲創建兩個按鈕和刪除第二個按鈕

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

你意味着omething喜歡：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 
});