Ta bort förälderelement med unwrap-metoden i jQuery

Man kan tvärtom, inte omsluta ett element, utan veckla ut det (det vill säga ta bort föräldern) med hjälp av metoden unwrap.

I följande exempel har vi stycken, som finns inuti taggar 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>

Låt oss för stycken med klassen www utföra utvecklingsoperationen unwrap:

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

HTML-koden kommer att se ut så här:

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

Man kan också skicka en selektor i form av en sträng till metoden, då kommer den att utlösas om föräldern till elementet matchar den givna selektorn:

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

Hitta stycken p, inslagna i divar div, och ta bort dessa divar.

Hitta alla taggar span, inslagna i stycken p, och ta bort dessa stycken, utan att röra taggarna span.