Αφαίρεση γονικού στοιχείου με τη μέθοδο unwrap στο jQuery

Μπορείτε αντίθετα, να μην τυλίξετε ένα στοιχείο, αλλά να το ξετυλίξετε (δηλαδή να αφαιρέσετε τον γονέα) χρησιμοποιώντας τη μέθοδο unwrap.

Στο επόμενο παράδειγμα έχουμε παραγράφους, που βρίσκονται μέσα σε ετικέτες div:

<div><p class="www">κείμενο</p></div>
<div><p class="www">κείμενο</p></div>
<div><p class="www">κείμενο</p></div>
<div><p>κείμενο</p></div>

Ας εκτελέσουμε για τις παραγράφους με κλάση www την λειτουργία ξετυλίγματος unwrap:

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

Ο κώδικας HTML θα γίνει έτσι:

<p class="www">κείμενο</p>
<p class="www">κείμενο</p>
<p class="www">κείμενο</p>
<div><p>κείμενο</p></div>

Επίσης, στη μέθοδο μπορεί να μεταβιβαστεί ένας επιλογέας σε μορφή συμβολοσειράς, τότε θα ενεργοποιείται, εάν ο γονέας του στοιχείου ταιριάζει με τον καθορισμένο επιλογέα:

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

Βρείτε τις παραγράφους p, που είναι τυλιγμένες με div div, και αφαιρέστε αυτά τα div.

Βρείτε όλες τις ετικέτες span, που είναι τυλιγμένες με παραγράφους p, και αφαιρέστε αυτές τις παραγράφους, χωρίς να αγγίξετε τις ετικέτες span.