Javascript 单击btn jquery时删除表tr
我正在jQuery中创建一个添加和删除函数,这时Javascript 单击btn jquery时删除表tr,javascript,html,jquery,html-table,append,Javascript,Html,Jquery,Html Table,Append,我正在jQuery中创建一个添加和删除函数,这时减去btn[删除按钮]将单击。但它不起作用。 我在添加td时,哪个加上btn[添加按钮]它起作用,但我如何实现删除方法 下面是我的代码,我对jQuery很熟悉,希望如果我错了,您的好友开发人员能够帮助解决这个问题 var maxField=5; var x=1; $('.add_按钮')。单击(函数(){ if(x
减去btn[删除按钮]
将单击。但它不起作用。
我在添加td
时,哪个加上btn[添加按钮]
它起作用,但我如何实现删除方法
下面是我的代码,我对jQuery很熟悉,希望如果我错了,您的好友开发人员能够帮助解决这个问题
var maxField=5;
var x=1;
$('.add_按钮')。单击(函数(){
if(x
公司:
公司注册日期:
产品*:
产品1
产品2
产品3
问题是因为中的这个。remove\u按钮
单击处理程序引用DOM元素。它们没有tr
属性
相反,要获取对单击按钮的父元素tr
元素的引用,请使用closest()
:
好吧,@rorymcrossan answer将解决您删除行的问题,但我也认为您的add方法不会像预期的那样工作。至少使用您当前提供的代码,因为表单元格中没有第四个tr
(…tr:eq(3)
)。
$(".complaint_table").on("click", ".remove_button", function(e) {
e.preventDefault();
$(this).closest('tr').remove();
x--;
});