Discussion :

[zup17]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

[NoSmoking]

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

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

[zup17]

Bonjour,

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

[NoSmoking]

...comment faire ????

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

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

[zup17]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !!

[NoSmoking]

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

Oui tout à fait.

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

à ajuster suivant ton besoin.

[zup17]

Oui tout à fait.

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

$(' 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 !!

[zup17]

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