Javascript “不在表上工作”中的“删除”按钮

我已经创建了一个表，其中“删除/擦除”按钮不适用于我。我已经尽了最大的努力，但它对我不起作用。请帮助我如何使这个擦除按钮可行

$（“.butnborar”）。单击（函数（事件）{
$（“#表125”）。每个（函数（）{
$（this）.closest（'tds'）.remove（）；
});
});
$（“#insert15”）。单击（函数（）{
$（“#表125”）。每个（函数（）{
var tds=“”；
每个（$（'tr:last td'，this），函数（）{
tds+=''+$（this.html（）++''；
});
tds+=''；
如果（$（'tbody'，this）.length>0）{
$（'tbody'，this）.append（tds）；
}否则{
$（此）.append（tds）；
}
});
});

主题
标志
擦除
您需要这样做

$(document).on('click', '.butnBorrar', function(event) {

  $(this).parent().parent().remove();

  // OR

  $(this).closest('tr').remove();

});


$（文档）.on（'click'，'butnborrr'，函数（事件）{
//$（“#表125”）。每个（函数（）{
$（this.parent（）.parent（）.remove（）；
//或
//$（this）.closest（'tr'）.remove（）；
//});
});
$（“#insert15”）。单击（函数（）{
$（“#表125”）。每个（函数（）{
var tds=“”；
每个（$（'tr:last td'，this），函数（）{
tds+=''+$（this.html（）++''；
});
tds+=''；
如果（$（'tbody'，this）.length>0）{
$（'tbody'，this）.append（tds）；
}否则{
$（此）.append（tds）；
}
});
});

主题
标志
擦除
您应该使用$（文档）。在（'click'，'Butnborr'上：

$(document).on('click', '.butnBorrar' , function(event) {
   $(this).closest('tr').remove();
});

通过这种方式，jQuery会侦听文档上的单击事件，如果目标元素是
。Butnborr
（例如），则会触发该函数。如果动态添加元素，则无所谓——单击事件始终在文档上，jQuery会检查目标元素（并相应地执行操作）

以下是对代码段的更新：


$（函数（）{
$（文档）.on（'click'，'butnborar'，函数（事件）{
$（this）.closest（'tr'）.remove（）；
});
$（“#insert15”）。单击（函数（）{
$（“#表125”）。每个（函数（）{
var tds=“”；
每个（$（'tr:last td'，this），函数（）{
tds+=''+$（this.html（）++''；
});
tds+=''；
如果（$（'tbody'，this）.length>0）{
$（'tbody'，this）.append（tds）；
}否则{
$（此）.append（tds）；
}
});
});
})；

主题
标志
擦除
以下是一个完全有效的示例：-

注意->这种处理点击的技术称为事件冒泡，用于向页面添加动态HTML


$（文档）.on（'click'，'butnborrr'，函数（事件）{
//console.log（'clicked'）；
$（this）.closest（'tr'）.remove（）；
});
var template=$（'#table125>tbody:last child'）.html（）；
$（“#insert15”）。单击（函数（）{
$（'#table125>t正文：最后一个子项'）。追加（模板）；
});


主题
标志
擦除
在document read下包含jquery和bind事件我希望这可以由javascript完成，因为我的表正在处理自定义javascript代码。真的！您正在使用jquery代码获取信息then@ArpitGupta只需一个指针，
closest（'tds'）
将不会返回任何内容。
tds
？为什么是parent（）.parent（）？您可以使用.parents我希望这能回答你的问题。