jQuery를 사용하여 여러 테이블에서 행 삭제

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; 
    }); 
}); 

이것은 선택된 행을 예상대로 삭제한다. 내가 원하는 것은 모든 테이블에서 같은 행을 삭제하는 것입니다. 예를 들어, 세 번째 삭제 버튼을 클릭하면 blank0부터 blank0의 세 번째 행을 삭제할 수 있습니다.

Answer 1

모든 테이블에 공통 클래스를 부여하고 <tr>을 필터링하려면 rowIndex 속성을 사용하십시오. 여기

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