删除Last Triggered Button jQuery的表行

时间:2013-12-12 01:51:57

标签: jquery

我想删除触发按钮所在的行。每行都有一个调用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');
})

2 个答案:

答案 0 :(得分:1)

以下是使用静态变量的一种方法:

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

和最接近的功能

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

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

答案 1 :(得分:1)

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

我做了什么:(根据您的具体需要)

  • 存储按钮的id
  • rowid - .replace(/[^\d]/g, '')
  • 的id和钩子的Extractnumeric值
  • 要删除使用.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);
    });