Javascript 删除项目<；tr>；行李箱

我正在向我的服务器发送一个ajax请求，请求删除一个项目，我必须通过bootbox在前端删除该项目，我的响应还行，但我没有在前端删除该项目

函数删除（数据）{
bootbox.confirm({
信息：“是否有项目除外？”，
按钮：{
确认：{
标签：'是'，
类名：“btn危险”
},
取消：{
标签：‘否’，
类名：“btn成功”
}
},
回调：函数（结果）{
如果（结果）{
$.ajax({
url:“/Ponto/deleteAjust/”+数据，
类型：“POST”，
contentType:“应用程序/json；字符集=UTF-8”，
数据类型：“json”，
成功：功能（结果）{
$（this）.tr.remove（）；
},
错误：函数（错误消息）{
警报（errormessage.responseText）；
}
});
}
log（'这是在回调中记录的：'+结果）；
}
})；

您将无法在ajax成功中使用$（this）

循环时，将标识符（id或类）添加到

希望这对您有所帮助：）

回调中

$（此）

的含义将不同。在您的代码示例中，它是

$.ajax

调用的

xhr

对象

如果要获取单击的元素，需要将

此

传递给js方法调用，并将其存储在变量中（在其他回调之前），然后根据需要在

$.ajax

方法的success/done回调中使用

因此，在ui中，您将传递

此

作为

删除

方法的第二个参数

onclick="Delete(@r.Id,this)"

在Delete方法中，可以将其存储到局部变量中，以后可以使用该变量获取最接近的表行

function Delete(data,t)
{
    var _this = $(t);
    bootbox.confirm({
      //Your existing code goes here. Omitted to save space
    },
    callback: function(result) {
           $.ajax({
                //Your existing code goes here. Omitted to save space
                success: function(result) {
                    _this.closest("tr").remove();
           });
       }
    });
} 

另一个选项是使用不引人注目的javascript。在这种方法中，您可以在锚标记中设置删除操作的url，并使用该url，而不是在javascript代码中对其进行硬编码。此外，为a标记提供一个css类，该类可用作jQuery选择器，以连接

单击

事件

<a class="btn btn-danger del-btn" 
   href="@Url.Action("DeleteAjuste","Ponto",new {id=item.Data})" 
   role="button"  ><i class="glyphicon glyphicon-trash"> </i> Excluir</a>

function Delete(data,t)
{
    var _this = $(t);
    bootbox.confirm({
      //Your existing code goes here. Omitted to save space
    },
    callback: function(result) {
           $.ajax({
                //Your existing code goes here. Omitted to save space
                success: function(result) {
                    _this.closest("tr").remove();
           });
       }
    });
} 

<a class="btn btn-danger del-btn" 
   href="@Url.Action("DeleteAjuste","Ponto",new {id=item.Data})" 
   role="button"  ><i class="glyphicon glyphicon-trash"> </i> Excluir</a>

$(function() {

    $("a.del-btn").click(function(e) {
        e.preventDefault();

        var _this = $(this);
        var url=_this.attr("href");
        //use url for your ajax call.
        $.post(url)
         .done(function(res){
            _this.closest("tr").remove();
        });

    });

});