Estrai tutti i CSS in linea di interesse HTML

Question

Voglio estrarre tutti gli stili in linea dell'Html interessato.

Ad esempio, sotto è l'HTML interessato per il quale deve essere estratta CSS in linea:

<div id="concernedHtmlPortion" style="style1">
    <div style="style2">
    <div style="style3;style4">Hello World!!</div>
    <div></div>
</div>

.

C'è un modo per estrarre tutto style utilizzando solo id="concernedHtmlPortion" radice?

Risultato dell'estrazione dovrebbe essere: style1,style2,style3,style4

Qualsiasi aiuto per favore !!

Answer 1

var allStyles = [];
$('#concernedHtmlPortion, #concernedHtmlPortion [style]').each(function() {
    allStyles.push($(this).attr('style').split(';'));
});
alert(allStyles);​

.

demo di lavoro