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被打破了：

您的javascript周围有脚本打开和关闭标记。 jsFiddle实际上显示了一个黄色音符＆＃34;输入纯JavaScript代码，没有HTML。＆＃34;
输入代码需要自动关闭，如下所示：<input class="addBtn" type="button" value="Agregar"/>，而不是<input class="addBtn" type="button" value="Agregar"></input>

从一个表克隆到另一个表

1 个答案: