我有兩個(gè)表,我希望能夠動態(tài)添加和刪除行,這兩個(gè)表都使用單獨(dú)的腳本但相同。如何更改第二個(gè)腳本,以便它能夠更改第二個(gè)表而不是第一個(gè)表?桌子:<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 回答

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