Удаление строк из нескольких таблиц с помощью jQuery

Question

У меня есть строка вложенной таблицы, каждая с отдельным идентификатором и несколькими строками. В первой таблице (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

Answer 1

Я бы дал всем таблицам общий класс и использовал свойство rowIndex, чтобы отфильтровать <tr> s.

$('.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