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

Question

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

我正在尝试通过使用此代码来做到这一点：

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

其中 .my-table 是一个多列表，而 .del-row-td 是单列表中的一个单元格。如果这是两个单独的对象，也许“最近”不起作用？

Here is a demo 我正在尝试执行此操作。以及here is图片中的解释。

Answer 1

需要获取单列tr的索引，并移除匹配的多列tr

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

updated fiddle（更新为使用on）

一些更好的代码选项来删除匹配的 tr here