jQueryを使用してHTMLコードをクリーンアップしますか？ jQueryのを使用して

Question

、誰もが私はこのマークアップをきれいにすることができる方法を知っているん：

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

を...と、この中にそれを変換する：

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

誰もが正しい方向に私を指すことができれば、それは希望大変感謝します。 HTMLから無用なタグを取り除くことができるライブラリを誰かが知っていれば、それも素晴らしいでしょう。

---

UPDATE

上記のコードは単なる一例です。たとえば、20ラップのスパンがあります。

Answer 1

だけunwrapすべてのspanタグ、それは唯一の内側のspanタグを残すでしょう。

$('span').unwrap(); 

FIDDLE

Answer 2

これはjQueryソリューションではありませんが、HTMLを処理するために必要な場合はわかりません。そうでなければ、あなたがこのオンラインツールを使用することができますに

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

：http://www.dirtymarkup.com/それはあなたのコードを変換します

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

Answer 3

また、これを行うことができます：

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