克隆antoher

Question

我只是在另一個看到張貼的解決方案，但是當我嘗試在我的代碼中使用它，它不工作。

我試圖通過按鈕在一個表上添加項目到另一個。任何幫助表示讚賞。如預期

HTML

<div id="container"> 

    <input type="text" name="search" id="search" placeholder="Ingrese el nombre del examen..." size="50"> 
    </input> 

    <table id="proctable" > 
     <tr> 
      <th>Examen</th> 
      <th>Precio</th> 
      <th></th> 
     </tr> 

     <tr> 
      <td>hola</td> 
      <td>10</td> 
      <td><input class="addBtn" type="button" value="Agregar"></td> 
     </tr> 

    </table> 

    <hr> 

    <div> 
     <table id="comptable"> 
      <tr class="header"> 
       <th>Examen</th> 
       <th>Precio</th> 
      </tr> 
     </table> 
    </div> 

</div> 

JS

<script type="text/javascript"> 
    var items = []; 

     $(".addBtn").on("click", function() { 
      var newTr = $(this).closest("tr").clone(); 
      items.push(newTr); 
      newTr.appendTo($("#comptable")); 

     }); 
</script> 

https://jsfiddle.net/45nfvg9j/

Answer 1

您的JavaScript實際工作。由於兩件小事情，jsFiddle被打破了：

1. 你有腳本打開和關閉你的javascript標籤。 jsFiddle實際上顯示了一個黃色的音符「輸入純JavaScript代碼，沒有HTML」。

2. 輸入標籤需要自閉，就像這樣：<input class="addBtn" type="button" value="Agregar"/>，不<input class="addBtn" type="button" value="Agregar"></input>