Remplacer une balise par une autre sans modifier le contenu

Bonjour,

Je suis débutant en Jquery et je cherche à remplacer un <h5> par un <h2>

Exemple :
<h5>bonjour</h5> et je souhaite remplacer par <h2>bonjour</h2> en gardant le contenu de la balise.

J'ai réussi à remplacer la balise <h5> par balise <h2> sauf que le contenu à l'intérieur de la balise est modifier !!

Code:

---

1 2 3 4

<script> $( "h5.et_pb_toggle_title" ).replaceWith( "<h2>New heading</h2>" ); </script>

---

Merci de votre aide !! :D pouvez vous me dire comment changer la balise <h5> par <h2> en gardant le contenu ??

Bonjour,
récupères le contenu avant le changement.

PS : je ne vois pas bien l’intérêt d'une telle manipulation !?!

Bonjour,

Je ne connais pas bien le jquery comment faire ????
Merci

Citation:

---

...comment faire ????

---

lire attentivement la documentation
• jQuery.replaceWith(), il y a un exemple qui te correspond pratiquement.

Un indice .text() ou encore .html().

Merci de votre aide parlez vous de cette exemple je pense :

Code:

---

1 2 3 4 5

<script> $( "button" ).click(function() { $( this ).replaceWith( "<div>" + $( this ).text() + "</div>" ); }); </script>

---

Je pense peut être qu'il faut modifier le .click par .html ??

Code:

---

1 2 3 4 5

<script> $( "h5.et_pb_toggle_title" ).html(function() { $( this ).replaceWith( "<h2>" + $( this ).text() + "</h2>" ); }); </script>

---

Je ne suis pas sûr, merci pour votre aide !!

Citation:

---

Merci de votre aide parlez vous de cette exemple je pense :

---

Oui tout à fait.

Citation:

---

Je pense peut être qu'il faut modifier le .click par .html ??

---

Tu n'as surement pas besoin de l'événement et tu peux faire directement

Code:

---

$('h5').replaceWith( "<h2>" + $('h5').text() + "</h2>" );

---

à ajuster suivant ton besoin.

Citation:

---

Envoyé par NoSmoking

Oui tout à fait.

Tu n'as surement pas besoin de l'événement et tu peux faire directement

Code:

---

$('h5').replaceWith( "<h2>" + $('h5').text() + "</h2>" );

---

à ajuster suivant ton besoin.

---

Merci pour ton aide !! j'aurais une dernière question si je souhaite spécifier le chemin pour modifier un <h5> car j'en ai d'autre que je ne souhaite pas modifié je spécifie comment si j'ai

Code:

---

1 2 3

<div class="et_pb_toggle_title"> <h5>bonjour</h5> </div>

---

J'ai essayé de le modifier comme ça ne fonctionne pas !!

Code:

---

$(' div.et_pb_toggle_title h5').replaceWith( "<h2>" + $(' div.et_pb_toggle_title h5').text() + "</h2>" );

---

Excuse je début en jquery et je galére pas mal ;) Comment faire ?? merci de tes explications !!

Problème résolu j'ai trouvé j'avais un problème de quote !! ;)