刪除最後觸發按鈕的表格行jQuery

我想刪除觸發按鈕所在的行。每行都有一個調用div或表單的按鈕。在該div或表單上的事件通過點擊後，應該刪除行。刪除最後觸發按鈕的表格行jQuery

$('#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'); 
})

;

來源

2013-12-12 myRM

下面是一個使用靜態變量的一種方法：

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

和最近的功能

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

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

來源

2013-12-12 01:56:58 ccwasden

正是我需要的，但你能解釋這怎麼發生的使用方法是什麼？謝謝。 – myRM

我全球存儲了按鈕的ID。當按下後，用jquery抓住按鈕，抓住鏈上最近的tr，並將其取下。 – ccwasden

太棒了！非常感謝！ – myRM

演示http://jsfiddle.net/DmWNz/或http://jsfiddle.net/Sr28Q/

我做了什麼：（您的具體需要）

商店按鈕的id。
Extractnumeric值形成的ID和鉤到rowid - .replace(/[^\d]/g, '')
要刪除使用.remove() API：http://api.jquery.com/remove/

請注意在HTML中的2個按鈕的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); 
    });

來源

2013-12-12 01:58:04

刪除最後觸發按鈕的表格行jQuery

回答

相關問題