如何在使用 unobtrusive-ajax 进行 ajax 请求后删除 DOM 元素？答案

【问题标题】：How to remove DOM element after ajax request with unobtrusive-ajax?如何在使用 unobtrusive-ajax 进行 ajax 请求后删除 DOM 元素？
【发布时间】：2015-11-11 03:50:09
【问题描述】：

在回调函数“OnSuccess”中，我无法获取我点击的元素。单击“Del”按钮后，我尝试删除我刚刚单击的“Del”按钮中的“tr”元素。如何做到这一点？

【问题讨论】：

我知道 $(selector).remove() 可以删除 DOM 元素，但我只是想在回调函数中删除它。注意：不是 jquery ajax 或 get,post ，只是 asp.net mvc @Ajax 用 unobrusive-ajax 生成的，在那个 OnSuccess 回调函数中。
如：@Ajax.Actionlink("Del","actionName",new AjaxOption({OnSuccess="SuccessCallback"})

标签： javascript jquery asp.net asp.net-ajax unobtrusive-ajax

【解决方案1】：

您可以使用 jquery 删除它：

$('#selector').remove();

也看看这个：

JavaScript DOM remove element

【讨论】：

【解决方案2】：

我使用$(this) 的组合来获取按钮（或触发它的其他 dom 元素）。

然后.closest 加上tr 参数来获取行。

后跟.remove 将其删除：

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

【讨论】：

我知道可以删除它，但我想在 OnSuccess 的回调函数中为 unobtrusive-ajax 删除它。
@developer.zheng 抱歉，我能想到的一种快速方法是将 id 传递给操作。将其作为数据返回，如果您在OnSuccess 调用中添加参数，即OnSuccess(e)，则返回的数据将可用。如果失败，我需要设置一个测试示例来调试并查看是否可以导航到该事件。不过，您的示例中没有包含任何代码。