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 :

html<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 :

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

Le code HTML deviendra alors :

html<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é :

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