Menghapus Elemen Induk dengan Metode unwrap di jQuery
Sebaliknya, Anda bisa membuka elemen
(yaitu menghapus induknya) dengan menggunakan metode
unwrap.
Dalam contoh berikut, kita memiliki paragraf
yang berada di dalam tag
div:
<div><p class="www">teks</p></div>
<div><p class="www">teks</p></div>
<div><p class="www">teks</p></div>
<div><p>teks</p></div>
Mari lakukan operasi pembukaan unwrap
untuk paragraf dengan kelas www:
$('.www').unwrap();
Kode HTML akan terlihat seperti ini:
<p class="www">teks</p>
<p class="www">teks</p>
<p class="www">teks</p>
<div><p>teks</p></div>
Anda juga dapat meneruskan selector dalam bentuk string ke metode ini, maka metode akan berlaku jika induk elemen cocok dengan selector yang ditentukan:
$('i').unwrap('p');
Temukan paragraf p yang dibungkus
oleh div div, dan hapus div tersebut.
Temukan semua tag span yang dibungkus
oleh paragraf p, dan hapus paragraf tersebut, tanpa
mengganggu tag span.