HTML kodunu temizlemek için jQuery'yi kullanma? jQuery kullanarak

Question

, herkes bu işaretlemeyi temizlemek nasıl biliyor:

<span style="font-size:19px"> 
    <span style="font-size:20px"> 
    <span style="font-size:21px"> 
     Something 
    </span> 
    </span> 
</span> 

... ve bu dönüştürecek: herkes bana doğru yönde işaret edebilir Eğer

<span style="font-size:21px"> 
    Something 
</span> 

, ederdi büyük beğeni topluyoruz. Ya da işe yaramaz etiketleri HTML'den çıkarabilen herhangi bir kütüphaneyi bilen varsa, bu da harika olurdu.

---

UPDATE

Yukarıdaki kod sadece bir örnektir. Örneğin 20 sarılmış açıklık olabilir ...

Answer 1

Sadece unwrap tüm span etiketlerinin, o sadece iç span etiketi bırakacaktı.

$('span').unwrap(); 

FIDDLE

Answer 2

Bu jQuery çözümü değil, HTML'nizi işlemek için ihtiyacınız olup olmadığını bilmiyorum. Aksi halde bu çevrimiçi aracı kullanabilirsiniz: içine

<span style="font-size:19px"> 
    <span style="font-size:20px"> 
    <span style="font-size:21px"> 
     Something 
    </span> 
    </span> 
</span> 

: http://www.dirtymarkup.com/ o kodunuzu dönüştürecek

<span style="font-size: 19px">Something</span> 

Answer 3

Ayrıca yapabilirsiniz:

$('span').each(function() { 
    if($(this).prop('tagName') == $(this).children(":first").prop('tagName')) { 
     $(this).children(":first").unwrap(); 
    } 
});