마지막 트리거 버튼 테이블 행 삭제 jQuery

Question

트리거 버튼이있는 행을 삭제하고 싶습니다. 모든 행에는 div 또는 양식을 호출하는 버튼이 있습니다. 해당 div 또는 양식을 클릭하여 이벤트를 종료 한 후 행을 삭제해야합니다.

JSFIDDLE

$('#btn1, #btn2').click(function() { 
    $('#myDiv').show(); 
    $('#myTable').hide(); 
}); 

$('#bck').click(function() { 
    $('#myDiv').hide(); 
    $('#myTable').show(); 
    alert('DELETE THE ROW OF THE LAST TRIGGERED BUTTON, IF THE USER CLICK Btn 1 THE ROW WITH BTN 1 WILL BE DELETED'); 
}) 

;

Answer 1

여기서 정적 변수를 사용하여 하나 개의 접근법 :

window.btnId = $(this).attr("id"); 

가장 가까운 기능

$("#"+window.btnId).closest("tr").remove(); 

http://jsfiddle.net/M3W2L/4/

Answer 2

데모http://jsfiddle.net/DmWNz/ 또는http://jsfiddle.net/Sr28Q/

내가 무슨 짓을 (사용자의 특정 요구에 대한)

• 저장 버튼의 id. http://api.jquery.com/remove/는

그들이, 2 개 버튼의 id했다 동일한 HTML에서에 유의하십시오 : 사용을 .remove() API를 제거하려면 .replace(/[^\d]/g, '')

-

Extractnumeric 값은 rowid에 ID와 고리를 형성 고정되어있다.

나머지는 필요에 맞아야합니다. :)

코드

var rowId; 

    $('#btn1, #btn2').click(function() { 
     $('#myDiv').show(); 
     $('#myTable').hide(); 
     rowId = $(this).prop('id'); 
    }); 

    $('#bck').click(function() { 
     $('#myDiv').hide(); 
     $('#myTable').show(); 
     $('#myRow' + rowId.replace(/[^\d]/g, '')).remove(); 
     alert('-- ' + rowId); 
    });