我试图弄清楚如何执行一些js代码时，一个元素从页面删除:
jQuery('#some-element').remove(); // remove some element from the page
/* need to figure out how to independently detect the above happened */
有没有专门的活动，比如:
jQuery('#some-element').onremoval( function() {
// do post-mortem stuff here
});
当前回答
挂钩.remove()并不是最好的处理方法，因为有很多方法可以从页面中删除元素(例如，通过使用.html()， .replace()等)。
为了防止各种内存泄漏危险，jQuery将在内部尝试为每个被删除的元素调用jQuery. cleandata()函数，而不管使用什么方法来删除它。
查看这个答案了解更多细节:javascript内存泄漏
所以，为了得到最好的结果，你应该钩子cleanData函数，这正是jquery.event.destroyed插件所做的:
http://v3.javascriptmvc.com/jquery/dist/jquery.event.destroyed.js
其他回答
你可以绑定到DOMNodeRemoved事件(DOM Level 3 WC3规范的一部分)。
适用于IE9，最新版本的Firefox和Chrome。
例子:
$(document).bind("DOMNodeRemoved", function(e)
{
alert("Removed: " + e.target.nodeName);
});
您还可以通过绑定到DOMNodeInserted来获得元素插入时的通知
对于那些使用jQuery UI的人:
jQuery UI已经覆盖了一些jQuery方法来实现remove事件，该事件不仅在你显式删除给定元素时被处理，而且在元素被任何自清理jQuery方法(例如replace, html等)从DOM中删除时也会被处理。这基本上允许您在jQuery“清理”与DOM元素相关的事件和数据时，将钩子放入相同的事件中。
John Resig表示，他愿意在未来版本的jQuery核心中实现这个事件，但我不确定它目前的位置。
我喜欢mtkopone使用jQuery特殊事件的答案，但请注意，它不能工作a)当元素被分离而不是删除或b)当一些旧的非jQuery库使用innerHTML破坏你的元素
我不能得到这个答案与解绑定工作(尽管更新见这里)，但能够想出一个办法。答案是创建一个“destroy_proxy”特殊事件，触发一个“destroyed”事件。你把事件监听器放在'destroyed_proxy'和'destroyed'上，然后当你想解除绑定时，你只需要解除'destroyed'事件的绑定:
var count = 1;
(function ($) {
$.event.special.destroyed_proxy = {
remove: function (o) {
$(this).trigger('destroyed');
}
}
})(jQuery)
$('.remove').on('click', function () {
$(this).parent().remove();
});
$('li').on('destroyed_proxy destroyed', function () {
console.log('Element removed');
if (count > 2) {
$('li').off('destroyed');
console.log('unbinded');
}
count++;
});
这里有一把小提琴
这是如何创建一个jQuery实时删除监听器:
$(document).on('DOMNodeRemoved', function(e)
{
var $element = $(e.target).find('.element');
if ($element.length)
{
// do anything with $element
}
});
Or:
$(document).on('DOMNodeRemoved', function(e)
{
$(e.target).find('.element').each(function()
{
// do anything with $(this)
}
});
