jQuery追加克隆表

Question

我想制作這樣簡單的POS：

1. 如何使用jQuery追加創建克隆元素（並創建新的div / id）

這是我的：

 <div class="row"><a class="offset-s6 waves-effect waves-dark btn blue"><i class="mdi-content-add"></i></i></a> <table class="table table-hover"> <thead> <tr> <th>Produk</th> <th>Jumlah</th> <th>Harga</th> <th>Stok</th> <th>Total</th> <th>Delete</th> </tr> </thead> <tbody> <tr> <th> <select style="width: 100%" class="select2 js-example-responsive"> <optgroup label="Baut Macam"> <option value="baut-1">Baut Mur</option> <option value="baut-2">Mur Baut</option> <option value="baut-3">Tang</option> <option value="baut-4">Tong</option> <option value="baut-5">Teng</option> </optgroup> <optgroup label="Alat Berat"> <option value="ab1">Palu</option> <option value="ab2">Linggis</option> <option value="ab3">Linggis</option> <option value="ab4">skrup</option> </optgroup> </select> </th> <td> <div class="input-field"> <input type="number" name="quantity" min="1" max="5"> </div> </td> <td>?</td> <td>?</td> <td>?</td> <td><a class="waves-effect waves-blue btn-flat"><i class="mdi-action-delete"></i></a> </td> </tr> </tbody> </table> </div> 

2. 如何實時計算價格

謝謝 ：）

Answer 1

1-要克隆和附加元素，請使用：

$('tbody').find('tr').clone().appendTo($('tbody'));

2 - 計算價格

$('input').on('input', functoin(e) {
    // your code to calculate and put result where you need it.
});

我認為這段代碼不會馬上生效。 試着給你一個線索。

根據情況進行調整。