¿Cómo destruir un elemento DOM con jQuery?

Supongamos que el objeto jQuery es $target.

¿Es $target.remove();lo que estás buscando?

https://api.jquery.com/remove/

Si quieres destruir completamente el objetivo, tienes un par de opciones. Primero puede eliminar el objeto del DOM como se describe anteriormente ...

console.log($target);   // jQuery object
$target.remove();       // remove target from the DOM
console.log($target);   // $target still exists

Opción 1 : luego reemplace el objetivo con un objeto jQuery vacío (jQuery 1.4+)

$target = $();
console.log($target);   // empty jQuery object

Opción 2 : o elimine la propiedad por completo (causará un error si la hace referencia en otro lugar)

delete $target;
console.log($target);   // error: $target is not defined

Más información : información sobre el objeto jQuery vacío e información sobre eliminar

Estás buscando la .remove()función.

http://docs.jquery.com/Manipulation/remove