Het verwijderen van het ouder element met de unwrap methode in jQuery

Je kunt het ook omgekeerd doen: niet een element wrappen, maar het unwrappen (d.w.z. de ouder verwijderen) met behulp van de methode unwrap.

In het volgende voorbeeld hebben we alinea's die zich binnen de tags div bevinden:

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

Laten we voor de alinea's met de klasse www de unwrap-bewerking unwrap uitvoeren:

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

De HTML-code ziet er dan zo uit:

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

Je kunt ook een selector als string doorgeven aan de methode, dan werkt deze alleen als de ouder van het element voldoet aan de opgegeven selector:

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

Zoek de alinea's p, gewikkeld in div's div, en verwijder deze div's.

Zoek alle span tags, gewikkeld in alinea's p, en verwijder deze alinea's, zonder de span tags aan te raken.