jQuery'de unwrap metodu ile öğenin ebeveynini kaldırma

Tersine, bir öğeyi sarmalamak yerine, onu "açmak" (yani ebeveynini kaldırmak) da mümkündür. Bunun için unwrap metodu kullanılır.

Aşağıdaki örnekte, div etiketlerinin içinde bulunan paragraflarımız var:

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

Şimdi www sınıfına sahip paragraflar için unwrap işlemini uygulayalım:

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

HTML kodu şu şekilde görünecektir:

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

Ayrıca, metoda bir dize olarak bir seçici de geçilebilir. Bu durumda, metod yalnızca öğenin ebeveyni belirtilen seçiciye uyuyorsa çalışır:

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

div'ler tarafından sarılmış p paragraflarını bulun ve bu div'leri kaldırın.

p paragrafları tarafından sarılmış tüm span etiketlerini bulun ve span etiketlerine dokunmadan bu paragrafları kaldırın.