Comment effacer le contenu de toutes les <div>s à l'intérieur d'une <div>parent ?

Question

J'ai un div <div id="masterdiv"> qui a plusieurs enfants <div> s.

Exemple :

<div id="masterdiv">
  <div id="childdiv1" />
  <div id="childdiv2" />
  <div id="childdiv3" />
</div>

Comment effacer le contenu de tous les enfants <div> à l'intérieur du maître <div> en utilisant jQuery ?

Answer 1

La méthode de jQuery empty() fait exactement cela :

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

efface le maître div .

$('#masterdiv div').empty();

efface tous les enfants div mais laisse le maître intact.

Answer 2

jQuery('#masterdiv div').html('');

Answer 3

Utilisez la syntaxe du sélecteur CSS de jQuery pour sélectionner tous les éléments suivants div à l'intérieur de l'élément avec l'id masterdiv . Puis appelez empty() pour effacer le contenu.

$('#masterdiv div').empty();

Utilisation de text('') ou html('') entraînera l'analyse de chaînes de caractères, ce qui est généralement une mauvaise idée lorsque l'on travaille avec le DOM. Essayez d'utiliser des méthodes de manipulation du DOM qui n'impliquent pas de représentations de chaînes d'objets du DOM lorsque cela est possible.

Answer 4

Si toutes les divs à l'intérieur de cette masterdiv doivent être effacées, il faut le faire.

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

sinon, vous devez itérer sur tous les div enfants de #masterdiv, et vérifier si l'id commence par childdiv.

$('#masterdiv div').each(
    function(element){
        if(element.attr('id').substr(0, 8) == "childdiv")
        {
            element.html('');
        }
    }
 );

Answer 5

Le meilleur moyen est :

 $( ".masterdiv" ).empty();