javascript - 使用 jQuery 从多个表中删除行

Question

我有一行嵌套表，每个表都有一个单独的 ID 和多行。在第一个表(空白 0)中，我有 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

我会给所有表一个公共(public)类并使用 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