Rimozione del genitore di un elemento con il metodo unwrap in jQuery

Si può fare il contrario, invece di avvolgere un elemento, si può svolgere (cioè rimuovere il genitore) con il metodo unwrap.

Nel seguente esempio abbiamo dei paragrafi, che si trovano all'interno dei tag div:

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

Applichiamo l'operazione di svolgimento unwrap ai paragrafi con la classe www:

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

Il codice HTML risulterà così:

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

Al metodo si può anche passare un selettore sotto forma di stringa, allora funzionerà solo se il genitore dell'elemento corrisponde al selettore specificato:

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

Trova i paragrafi p, avvolti da div div, e rimuovi questi div.

Trova tutti i tag span, avvolti da paragrafi p, e rimuovi questi paragrafi, senza toccare i tag span.