Supprimer du contenu

Dans cette partie, nous verrons les méthodes .remove() et .empty().

Méthode .remove()

API : http://api.jquery.com/remove/

La méthode .remove() supprime du DOM l'élément sélectionné.

L'exemple suivant supprime du DOM class="box".

<div id="main">
    <div class="other">Je suis ingénieur informaticien</div>
    <div class="box">Je suis magicien</div>
</div>

$('.box').remove();

Résultat

<div id="main">
    <div class="other">Je suis ingénieur informaticien</div>
</div>

Méthode .empty()

API : http://api.jquery.com/empty/

La méthode .empty() vide le contenu de l'élément sélectionné.

L'exemple suivant vide le contenu de l'élément class="box".

<div id="main">
    <div class="other">Je suis ingénieur informaticien</div>
    <div class="box">Je suis magicien</div>
</div>

$('.box').empty();

Résultat

<div id="main">
    <div class="other">Je suis ingénieur informaticien</div>
    <div class="box"></div>
</div>