通過單擊另一個表中的單元格來刪除表中的行

Question

我有兩個表：一個多列表旁邊的單列表。 我想通過單擊位於該行旁邊的單列表中的單元格來刪除多列表中的行。

我正在嘗試通過使用以下代碼來做到這一點：

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

其中.my-table是多列表，.del-row-td是單列表中的單元格。 如果這些是兩個單獨的對象，也許“最接近”不起作用？

這是我嘗試執行的演示 。 這是圖像中的解釋。

Answer 1

您需要獲取單列tr的索引並刪除匹配的多列tr

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

更新小提琴 （更新使用on ）

一些更好的代碼選項可在此處刪除匹配的tr