Utilizzare jQuery per pulire il codice HTML?

Question

utilizzando jQuery, qualcuno sa come posso pulire questo markup:

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

... e trasformarlo in questo:

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

Se qualcuno mi può puntare nella giusta direzione, sarebbe essere molto apprezzato O se qualcuno conosce qualche libreria in grado di rimuovere i tag inutili dall'HTML, sarebbe fantastico.

---

UPDATE

Il codice di cui sopra è solo un esempio. Potrebbero esserci 20 campate avvolte, ad esempio ...

Answer 1

soli unwrap tutti i tag span, che lascerebbe solo il tag span interno.

$('span').unwrap(); 

FIDDLE

Answer 2

Non è una soluzione jQuery, ma non so se ti serve per vivere il tuo codice HTML. In caso contrario, è possibile utilizzare questo strumento online: http://www.dirtymarkup.com/ trasformerà il tuo codice:

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

in:

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

Answer 3

Si potrebbe anche fare questo:

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