Comment supprimer le contenu d'un élément avec JQuery?

Question

Dites que j'ai un div et du contenu à l'intérieur.

<div> 
     Content 
</div> 

Avec JQuery, comment puis-je vider le div sans enlever la div, seul le contenu à l'intérieur?

Answer 1

Vous pouvez utiliser la fonction empty pour supprimer tous les nœuds enfants (tout son contenu) d'un élément:

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

La fonction vide supprime également tous les gestionnaires d'événements et jQuery données mises en cache en interne.

Answer 2

Si la div a un id, vous pouvez le faire comme ceci:

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

Ou vous pouvez faire toutes les classes de .class-de-div

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

Ou seulement tous les divs

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

EDIT: Mais empty() (ci-dessus) fonctionnerait mieux.

Answer 3

Html

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

Jquery

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

Answer 4

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

similaires à .empty(), le procédé .remove() prend des éléments sur le DOM. Utilisez .remove() lorsque vous souhaitez supprimer l'élément lui-même, ainsi que tout ce qu'il contient. En plus des éléments eux-mêmes, tous les événements liés et les données jQuery associés aux éléments sont supprimés. Pour supprimer les éléments sans supprimer les données et les événements, utilisez à la place .detach().

reference