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

时间:2018-04-30 20:39:45

标签: javascript jquery html

我有两个表:一列表位于多列表旁边。我想通过单击位于此行旁边的单列表中的单元格来删除多列表中的行。

我正在尝试使用此代码执行此操作:

$('.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图片中有一个解释。

1 个答案:

答案 0 :(得分: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

的一些更好的代码选项