Question

我有一个包含行的表。当我单击一个按钮时，它会删除之前的行。我正在使用nearest（）函数来确定行。我想删除按钮所在的同一行。

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内联，如下所示，则需要将this作为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.');
               }
           });
    }
}

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

1 个答案: