Javascript 使用相同删除方法的单独附件不起作用

基本上，我在一个表中添加了两个不同的元素，使用相同的.parent（）.parent（）.remove（）方法，第一个表有效，第二个表无效

有什么想法吗

这是代码

$（文档）.ready（函数（）{
$（'adauga_model'）。在（'click'，function（）上{
$（'modele_adaugate'）。追加（'Remove'）；
});
$（'adauga_design'）。在（'click'，function（）上{
$（'designuri'u adaugate'）。追加（'Remove2'）；
});
$（“td”）。在（'click'，'remove'，function（）上{
$（this.parent（）.parent（）.remove（）；
返回false；
});
});

有趣的是，它在第一个元素上工作，但在加载文档时，您正在向所有TD元素添加一个事件侦听器。但是，您正在创建没有事件侦听器的新事件

为了解决这个问题，我将脚本改写如下：

 $("body").on('click', 'td .remove', function() {
      $(this).closest("tr").remove();
      return false;
 });

作为奖励：使用

closest（“tr”）

比使用

parent（）.parent（）

要好。当您执行后一种操作，然后更改设计时，可能会出现错误

 $("body").on('click', 'td .remove', function() {
      $(this).closest("tr").remove();
      return false;
 });