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. Configuration: Linux / Firefox 39.0

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

Résolu/Fermé

freebird - Modifié par freebird le 31/07/2015 à 22:50
BioK03 Messages postés 655 Date d'inscription mardi 15 avril 2014 Statut Membre Dernière intervention 24 décembre 2016 - 31 juil. 2015 à 23:20

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>


$('#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.

A voir également:

JQuery remove() enléve la balise mais pas son contenu.
Balise br - Forum CSS
Word a trouvé du contenu illisible - Guide
Balise <br> HTML ✓ - Forum HTML
Contenu sme - Forum YouTube
Remove empty directories - Télécharger - Nettoyage

1 réponse

Réponse 1 / 1

BioK03 Messages postés 655 Date d'inscription mardi 15 avril 2014 Statut Membre Dernière intervention 24 décembre 2016 132
31 juil. 2015 à 22:47

Bonjour,

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

Cordialement

freebird
31 juil. 2015 à 22:58

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.

freebird
31 juil. 2015 à 23:13

ç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.

BioK03 Messages postés 655 Date d'inscription mardi 15 avril 2014 Statut Membre Dernière intervention 24 décembre 2016 132
31 juil. 2015 à 23:20

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

Discussions similaires

la balise <br> ou <br />

Balise </br>

ca veut dire quoi wmg sur youtube ?

Savoir de quel ville à été envoyé le message