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 🙂