Javascript 通过单击另一个表中的单元格删除表中的行

我有两张桌子：一列桌子挨着多列桌子。我想通过单击该行旁边的单列表中的单元格来删除多列表中的一行

我正试图通过使用以下代码来实现这一点：

$('.my-table').on('click','td .del-row-td',function(e){
  e.preventDefault();
  $(this).closest('tr').remove();
});

其中.my table是多列表，.del row td是单列表中的单元格。如果这是两个单独的对象，那么“最近”可能不起作用

---

我正试图做到这一点。以及图像中的说明。

您需要获取单列tr的索引并删除匹配的多列tr

$('#table-del tr').click(function(){
  var trIndex = $("tr", $(this).closest("table")).index(this);
  $($('#my-table tr')[trIndex]).remove()
  $(this).remove();
})

更新为在上使用

---

一些更好的代码选项可以删除匹配的tr

您有一堆相同的id，比如del列td。id必须是唯一的。@Frecosos，谢谢，我已经更正了，但忘了保存谢谢！它对一开始就在那里的行起作用。但不知何故，它不适用于用黄色+按钮添加的行。你知道为什么吗？以下是当前版本，其中包含您的代码：是的，我的不好，对不起，改为使用上，工作版本：再次感谢您，我不会猜到的！我希望最后一个问题是：如果我删除表中的第一行，“添加”按钮为什么会停止添加行？我可以删除和添加任意数量的行，效果很好，但是当我删除顶部的行时，它会停止添加行…因为用于添加列的元素隐藏了它，所以你给了它们所有的位置：绝对，我认为这是不推荐的，你需要找到一个css解决方案谢谢你注意到了！我将寻找解决办法。