Comment modifier un Hn en span à l'aide d'une fonction Jquery

Exemple sur cette page
https://guideyourtrip.com/blog-voyag...-videos-guides

J'aimerais que les noms sous les images actuellement en H4 soit transformé en span
voir image-01 en pj

Une fonction Jquery qui ressemblerait à ça

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<script>
jQuery(document).ready(function($){
$('div.oceanie h2').replaceWith( "<span class='hp_image_destination'>" + $('div.oceanie h2').text() + "</span>");
});
</script>
a été implémenté sur la page d’accueil
https://guideyourtrip.com/
voir image-02 en pj

Dans ce as l'intitulé a été modifié de H2 en span
Je n'arrive pas à adapter cette solution à mon cas

Merci pour votre aide


Merci pour votre aide

Nom : image-01.jpg
Affichages : 250
Taille : 146,2 KoNom : image-02.jpg
Affichages : 287
Taille : 155,8 Ko