我有兩個表,我希望能夠動態添加和刪除行,這兩個表都使用單獨的腳本但相同。如何更改第二個腳本,以便它能夠更改第二個表而不是第一個表?桌子:<table id="myTable" class=" table order-list"> <thead> <tr> <td>Numbers</td> </tr> </thead> <tbody> <tr> <td class="col-sm-4"> <input type="text" name="number[]" class="form-control"/> </td> <td class="col-sm-4"><a class="deleteRow"></a> </td> </tr> </tbody> <tfoot> <tr> <td colspan="0" style="text-align: left;"> <input type="button" class="btn btn-lg btn-block " id="addrow" value="Add Another Number"/> </td> </tr> </tfoot></table>腳本:<script>$(document).ready(function () { var counter = 0;$("#addrow").on("click", function () { var newRow = $("<tr>"); var cols = ""; cols += '<td><input type="number min="1"" class="form-control" name="step_number[]' + counter + '"/></td>'; cols += '<td><input type="text" class="form-control" name="step_description[]' + counter + '"/></td>'; cols += '<td><input type="button" class="ibtnDel btn btn-md btn-danger " value="Delete"></td>'; newRow.append(cols); $("table.order-list").append(newRow); counter++;});$("table.order-list").on("click", ".ibtnDel", function (event) { $(this).closest("tr").remove(); counter -= 1});});</script>
1 回答

莫回無
TA貢獻1865條經驗 獲得超7個贊
你應該像在刪除行中所做的那樣。
代替
$("table.order-list").append(newRow);
你可以做
$(this).closest("table.order-list").append(newRow);
并且應該添加一個類來添加按鈕而不是使用 id
- 1 回答
- 0 關注
- 156 瀏覽
添加回答
舉報
0/150
提交
取消