¿Cómo eliminar el contenido de un elemento con JQuery?

Question

Digamos que tengo un div y algo de contenido dentro.

<div> 
     Content 
</div> 

Con JQuery, ¿cómo puedo vaciar el div sin quitar el div, solo el contenido dentro?

Answer 1

Usted puede utilizar la función de empty para eliminar todos los nodos secundarios (todo su contenido) de un elemento:

$('#elementId').empty(); 

La función de vacío también eliminará todos los controladores de eventos y el jQuery en caché interna de datos.

Answer 2

Si el div tiene un id, puede hacerlo de esta manera:

$('#id-of-div').html(''); 

O bien, puede hacer todas las clases de .class-de-div

$('.class-of-div').html(''); 

O sólo todos los divs

$('div').html(''); 

EDITAR: Pero empty() (arriba) funcionaría mejor.

Answer 3

Html

<div id='emptythis'> 
    Content 
</div> 

Jquery

$('#emptythis').html(''); 

Answer 4

$("div").remove(".hello"); 

similares a .empty(), el método .remove() toma elementos fuera del DOM. Use .remove() cuando desee eliminar el elemento en sí, así como todo lo que contiene. Además de los elementos en sí, todos los eventos enlazados y los datos de jQuery asociados con los elementos se eliminan. Para eliminar los elementos sin eliminar datos y eventos, use .detach() en su lugar.

reference