我试图弄清楚如何执行一些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
});
当前回答
这一点。
$.each(
$('#some-element'),
function(i, item){
item.addEventListener('DOMNodeRemovedFromDocument',
function(e){ console.log('I has been removed'); console.log(e);
})
})
其他回答
亚当的答案的扩展，以防你需要防止违约，这里有一个工作:
$(document).on('DOMNodeRemoved', function(e){
if($(e.target).hasClass('my-elm') && !e.target.hasAttribute('is-clone')){
let clone = $(e.target).clone();
$(clone).attr('is-clone', ''); //allows the clone to be removed without triggering the function again
//you can do stuff to clone here (ex: add a fade animation)
$(clone).insertAfter(e.target);
setTimeout(() => {
//optional remove clone after 1 second
$(clone).remove();
}, 1000);
}
});
我不确定是否有此事件句柄，因此您必须保留DOM的副本，并在某种轮询循环中与现有DOM进行比较——这可能相当麻烦。Firebug可以做到这一点——如果您检查HTML并运行一些dom更改，它会在Firebug控制台中以黄色高亮显示更改。
或者，你可以创建一个删除函数…
var removeElements = function(selector) {
var elems = jQuery(selector);
// Your code to notify the removal of the element here...
alert(elems.length + " elements removed");
jQuery(selector).remove();
};
// Sample usage
removeElements("#some-element");
removeElements("p");
removeElements(".myclass");
这一点。
$.each(
$('#some-element'),
function(i, item){
item.addEventListener('DOMNodeRemovedFromDocument',
function(e){ console.log('I has been removed'); console.log(e);
})
})
对于那些使用jQuery UI的人:
jQuery UI已经覆盖了一些jQuery方法来实现remove事件，该事件不仅在你显式删除给定元素时被处理，而且在元素被任何自清理jQuery方法(例如replace, html等)从DOM中删除时也会被处理。这基本上允许您在jQuery“清理”与DOM元素相关的事件和数据时，将钩子放入相同的事件中。
John Resig表示，他愿意在未来版本的jQuery核心中实现这个事件，但我不确定它目前的位置。
我们也可以使用domnodermoved:
$("#youridwhichremoved").on("DOMNodeRemoved", function () {
// do stuff
})
