jquery - 使用jquery删除单击该按钮的行

Question

我有一张桌子，里面有行。当我单击一个按钮时，它会删除它之前的行。我正在使用最接近（）函数来确定行。我想删除按钮所在的同一行。

function DeletClick(id, date) {
    var e = window.event; \
    if (confirm('Are you sure you want to delete the record from ' + date + '?')) {
        DisplayInformation.Delete(id,
           function (result) {
               if (result) {
                   jQuery('#' + e.srcElement.id).closest('tr').remove(); //Delete Row here!
               } else {
                   alert('You Do not have permssion to delete record.');
               }
           });
    }
   }

Answer 1

如果按钮在特定行的 td 内，则可以使用相同的逻辑来确定当前行，

$(this).closest('tr').remove();

假设DeletClick函数是删除按钮的单击处理程序。

如果您已经绑定了按钮 HTML 的内联事件处理程序，那么您需要将thisarg 作为 arg 传递给函数，并this使用该参数更新上述代码中的 。

<input type="button" value="Delete" onclick="DeletClick('someid', 'somedata', this)" />

然后在函数内部，

function DeletClick(id, date, thisObj) {
    var e = window.event; \
    if (confirm('Are you sure you want to delete the record from ' + date + '?')) {
        DisplayInformation.Delete(id,
           function (result) {
               if (result) {
                   jQuery(thisObj).closest('tr').remove(); //Delete Row here!
               } else {
                   alert('You Do not have permssion to delete record.');
               }
           });
    }
}