Suppression du parent d'un élément avec la méthode unwrap dans jQuery

Il est possible de faire l'inverse, non pas d'englober un élément, mais de le désenglober (c'est-à-dire de supprimer son parent) à l'aide de la méthode unwrap.

Dans l'exemple suivant, nous avons des paragraphes, qui se trouvent à l'intérieur de balises div :

<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p>text</p></div>

Appliquons l'opération de désenglobement unwrap pour les paragraphes ayant la classe www :

$('.www').unwrap();

Le code HTML deviendra alors :

<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<div><p>text</p></div>

Il est également possible de passer un sélecteur sous forme de chaîne de caractères à la méthode, auquel cas elle ne s'exécutera que si le parent de l'élément correspond au sélecteur donné :

$('i').unwrap('p');

Trouvez les paragraphes p, englobés par des divs div, et supprimez ces divs.

Trouvez toutes les balises span, englobées par des paragraphes p, et supprimez ces paragraphes, sans toucher aux balises span.