一个HTML（引导）表中的数据追加到另一个举表

Question

我写了一个引导程序UI如本屏幕截图：

Code is as shown here. 当用户点击接受新的订单表按钮，然后food 1应移至accepted表。我该怎么做？我的代码不起作用。
Javascript:

function append() { 
     // Code... 
     if (!('#btnOne').onclick) { 
      var htmlrows = ""; 
      var htmltablestart = '<table class="table table-hover borderless">'; 
      htmlrows = htmlrows + '<tr><td>' + foodOne + '</td><td class="pull-right"> <button type="button" class="btn btn-primary" onclick="appendComplete();" id="btnThree">Completed</button> </td><td></tr>'; 
      var htmltableend = '</table>'; 
      var htmlTable = htmltablestart + htmlrows + htmltableend; 
      ('#acceptedOrdrDiv').append(htmlTable); 
      alert('you have accepted the order'); 
     } else { 
      alert('you have not accepted the order'); 
     } 
    } 
    function appendComplete() { 
     // Code... 
     if (!('#btnThree').onclick) { 
      var htmlrows = ""; 
      var htmltablestart = '<table class="table table-hover borderless">'; 
      htmlrows = htmlrows + '<tr><td>' + foodOne + '</td></tr>'; 
      var htmltableend = '</table>'; 
      var htmlTable = htmltablestart + htmlrows + htmltableend; 
      ('#completedOrdrDiv').append(htmlTable); 
      alert('you have completed the order'); 
     } else { 
      alert('you have not completed the order'); 
     } 
    } 

我也想接受的顺序new order表上Accept按钮点击时被删除。

Answer 1

HTML：

<div id="acceptedOrdrDiv" class="panel-body" style="overflow-y: auto; height: 90%;"> 
    <table class="table table-hover borderless accepted-orders"> 
    </table> 
</div> 

JQuery的：

$('.btn.btn-primary').click(function() { 
    var text = $(this).parent().parent().children().filter(':first-child'); 
    var thisTr = text.parent(); 
    console.log($('.table.accepted-orders')); 
    $('.table.accepted-orders').append('<tr><td>'+text.text()+'</td><td class="pull-right"><button type="button" class="btn btn-primary">Completed</button></td>'); 
    thisTr.remove(); 
});