JQuery remove() enléve la balise mais pas son contenu.

Résolu
Bonjour,
J'utilise remove() pour supprimer une balise seulement il reste le contenu affiché.
Comment faire pour supprimer et la balise et son contenu, dois je utiliser html() ou text() pour écrire du vide ou une fonction existe?

Voici mon code:
HTML
<section>
<button id='consoled6'>D6</button>
<button id='consolecls'>CLS</button>
<div id="console">
<p id='firstline'></p>
</div>
</section>

js

$('#consoled6').click(function(){
// le texte inséré est indifférent, c'est juste des tests pour mon appli
$('#console p').after(1+Math.floor(Math.random()*6),"<br/>");
});
$('#consolecls').click(function(){
$('#console #firstline').nextAll().remove();
});


Testé dans chromium(chrome pour linux) et firefox, même problème: je n'ai plus les balises seulement mon texte.

1 réponse

  1. Bonjour,

    avez-vous essayé cela :
    https://api.jquery.com/empty/

    Cordialement
    0
    1. Merci de votre réponse,
      comme ceci:
      $('#console #firstline').nextAll().empty();

      ça ne fonctionne pas, rien n'est supprimé. Je teste sur un seul élément.
      0
    2. ça ne semble pas marché avec nextAll()
      J'ai modifié mon script en remplaçant after() par apend() et mon <p id="firstline"> comme ceci


      <div id="console">
      </div>
      <!-- tout simplement-->
      //et le js:
      $('#consoled6').click(function(){
      $('#console').append(1+Math.floor(Math.random()*6),"<br/>");
      });
      $('#consolecls').click(function(){
      $('#console').empty();
      });


      Merci encore BioK03, c'est ça débuter et il y a beaucoup de fonctions événementielles un régal mais faut choisir la bonne.
      0
    3. Du moment où ça vous a aidé, car je ne voyais pas du tout quand vous m'aviez dit que ça ne marchait pas.

      Bonne soirée
      0