Extraia todo o CSS in-line do concernet html

Question

Quero extrair todos os estilos embutidos do HTML em questão.

Por exemplo, abaixo está o HTML em questão para o qual o CSS inline deve ser extraído:

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

Existe alguma maneira de extrair tudo style usando apenas root id="concernedHtmlPortion"?

O resultado da extração deve ser: style1,style2,style3,style4

Qualquer ajuda, por favor!!

Answer 1

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

DEMO funcionando ​