1つのテーブルから偽装したものへのクローン

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は2つの小さな事のために壊れました：

1. あなたのJavaScriptの周りには、開いていると閉じるタグのスクリプトがありました。 jsFiddleは、実際には「入力プレーンJavaScriptコード、HTMLはありません」という黄色の注釈を表示していました。

2. INPUTタグはこのように、自動閉鎖する必要があります：こんにちはない<input class="addBtn" type="button" value="Agregar"></input>