jQuery: trigger an action when an element is removed

by lovromar

HTML

<ul id="test">
    <li>A</li>
    <li>B</li>
    <li>C</li>
    <li>D</li>
    <li>E</li>
</ul>

JavaScript

$('#test').bind('DOMNodeRemoved', function(e) {
    var element = e.target;
    var text = element.tagName + ': ' + element.firstChild.nodeValue + ' removed ';
    alert(text);
});


$('li', '#test').click(function() {
    $(this).remove();
});