我正在 jQuery 中創建一個添加和刪除函數,何時minus btn [remove_button]會單擊。但它不起作用。我附加了它的工作td時間plus btn [add_button]以及我如何實現刪除方法。我的代碼在下面,我是 jQuery 的新手,希望如果我錯了,開發人員可以幫助解決這個問題。var maxField = 5;var x = 1;$('.add_button').click(function() { if (x < maxField) { x++; newrow = '<tr class="ok"><td><select class="form-control" name="product_name[]" id="product_id" required><option value="14563">Product 1</option><option value="96547">Product 2</option><option value="965489">Product 3</option></select></td><td><input type="tel" class="form-control" name="quantity[]" placeholder="Enter Quantity" /></td><td><button type="button" class="btn btn-danger remove_button"><i class="fa fa-minus"></i></button></td></tr>'; var rowspan = parseInt($('.field_data').attr('rowspan')) + 1; $('.field_data').attr('rowspan', rowspan); $('.complaint_table tr:eq(3)').after(newrow); }});$(".complaint_table").on("click", ".remove_button", function(e) { e.preventDefault(); $(this.tr).remove(); x--;});<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet" /><link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" rel="stylesheet" /><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.3/js/bootstrap.min.js"></script><table class="table table-striped table-hover table-bordered complaint_table"> <tbody> <tr> <td>Company:</td> <td> <input class="form-control" type="text" maxlength="50" placeholder="Company" /> </td> <td>Company RegDate:</td> <td> <input class="form-control" type="date" /> </td> </tr>
單擊 btn jquery 時刪除表 tr
慕工程0101907
2023-05-19 15:11:38