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:

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>

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

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

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

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

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