En algunas ocasiones, encontramos necesario ocultar y borrar un elemento en jQuery. Esto es, hacer fadeOut() o hide() y cuando acabe la animación y/o se haya ocultado -y no antes-, eliminarle del DOM.
Ocultar y borrar un elemento en jQuery
Caso de uso
Esto es útil si tenemos un conjunto de elementos como una lista o una tabla y por ejemplo, aplicarlo a la acción de eliminar para aligerar el DOM y ganar rendimiento.
Ejemplo
Primero se aplica fadeOut() y proporcionamos un callback para que al terminar la primera acción, elimine el elemento.
$("#elemento").fadeOut(function() {
$(this).remove();
});
Recuerda aplicar el selector que aplique en tu caso.
Deja un comentario si tienes alguna duda o sugerencia 🙂
