Javascript 删除一个<；tr>；元素，单击其上的按钮

我使用Jquery将一个表行添加到现有表中。我要添加的有两列。一个简单的字符串，另一个有一个小按钮。我希望单击按钮以最优雅的方式删除其父元素，理想情况下不调用外部JS函数。这可能吗？

只需在按钮的单击处理程序中使用和

jQuery(this).closest('tr').remove()

最近的

将找到与传递的选择器匹配的最近的父元素，并且

删除

顾名思义将删除它

既然您说要将行添加到现有表中，那么您可以使用委派来处理新行，而不必每次添加新行时都添加新的单击侦听器

jQuery(document).on("click",".removeBtn",function(){
   jQuery(this).closest('tr').remove()
});

演示

jQuery（“.removeBtn”）。单击（函数（）{
jQuery（this）.closest（“tr”）.remove（）；
});

样本行
去除
样本行2
去除
样本行3
去除

$（文档）.ready（函数（）{
$（文档）。在（'单击'，'删除'，函数（）上）{
$（this）.closest（'tr'）.remove（）；
});
});

这是项目1
这仍然是项目1
这是按钮1
这是第2项
这仍然是第2项
这是按钮2
这是第3项
这仍然是第3项
这是按钮3
这是第4项
这仍然是第4项
这是按钮4
您能展示一些示例代码吗？