jQuery appendTo动态表行

时间:2019-01-27 12:39:33

标签: javascript jquery google-cloud-firestore

我尝试将表行从第一张表复制到第二张表。我使用jQuery和方法appendTo和克隆。我的鳕鱼:

HTML

                <table>
                   <thead>
                        <tr>
                            <th>Id</th>
                            <th>Product name</th>
                            <th>Quantity</th>
                            <th>Price</th>
                        </tr>
                    </thead>

                    <tbody id="table_body">

                    </tbody>


                </table>
                <table>
                    <thead>
                        <tr>
                            <th>Id</th>
                            <th>Product Name</th>
                            <th>Quantity</th>
                            <th>Price</th>
                        </tr>
                    </thead>
                    <tbody class="tuDaj">

                    </tbody>
                </table>

JavaScript 在表格中创建动态行:

     $("#table_body").append(
            "<tr class=m1>"+
                "<td>" + doc.data().id + "</td>"+
                "<td>" + doc.data().nazwa + "</td>"+
                "<td>" + doc.data().cena + "</td>"+
                "<td>" + doc.data().ilosc + "</td>"+
            "</tr>"
            );

然后复制脚本。

var items = [];
var rows = [];


$("tr").on("click", function () {
   var selected = $(".m1").val();
    var newTr = $(this).clone();
    items.push(newTr);
    newTr.appendTo($(".tuDaj"+selected));
});

如果我单击此代码,则仅复制thead。如何复制动态行?

0 个答案:

没有答案