Question

我有一排嵌套表，每行都有一个单独的ID和多行。在第一个表（blank0）中，我有动作deleteLink

$(document).ready(function(){     
   $("#blank0 .deleteLink").on("click",function() {
       var tr = $(this).closest('tr');
       tr.fadeOut(400, function(){
           tr.remove();
       });
       return false;
   }); 
});

这将按预期删除所选行。我想要它做的是在我的所有表中删除相同的行。例如，如果我单击第3个删除按钮，我希望它删除blank0到blank9的第3行

Answer 1

我会为所有表格提供一个公共类，并使用rowIndex属性过滤掉<tr>。

$('.blank').on('click', '.deleteLink', function () {
  var rowIndex = $(this).closest('tr').prop('rowIndex');
  $('.blank tr').filter(function () {
    return this.rowIndex === rowIndex;
  }).remove();
});

以下是演示：http://jsbin.com/yugurekiri/1/edit?html,js,output

使用jQuery从多个表中删除行

1 个答案: