Cómo ocultar y borrar un elemento en jQuery
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 🙂