Удалить строку таблицы последней запущенной кнопки 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

Demohttp://jsfiddle.net/DmWNz/илиhttp://jsfiddle.net/Sr28Q/

Что я сделал: (для вашей конкретной потребности)

• Хранить id кнопки.
• Extractnumeric значение образуют идентификатор и крюк в rowid - .replace(/[^\d]/g, '')
• удалите использование .remove() API: http://api.jquery.com/remove/

Пожалуйста, обратите внимание В HTML id из 2 кнопок были такими же, они исправлено.

Отдых должен соответствовать потребностям. :)

код

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