jQuery.removeAfter()

jquery.removeAfter.js

/*
 * adds "remove" event triggered when a DOMNode is removed, 
 * allowing to register DOM elements to be removed when a 
 * given other element is removed from dom.
 *
 * (last tested with jQuery 1.4.4)
 */
(function($,undefined){

// register node to be removed when the base node is removed
$.fn.removeAfter = function(node) {
	var $node = $(node),
		data = $node.data('removeAfter') || [];

	data.push($(this));
	$node.data('removeAfter', data)
		// unbind to avoid duplicate execution
		.unbind('.removeAfter')
		// bind remove event handler
		.bind('remove.removeAfter', $.removeAfter);

	return this;
};

// remove registered nodes
$.removeAfter = function() {
	var $this = $(this),
		data = $this.data('removeAfter');

	if(!data || !data.length) {
		return;
	}
	
	$.each(data, function() {
		$(this).remove();
	});
};

// extend cleanData to trigger remove-event
var $cleanData = $.cleanData;
$.cleanData = function(elems) {
	$.each(elems, function() {
		$(this).trigger('remove');
	});
	
	$cleanData.call(this, elems);
};

})(jQuery);