Extraiga todos los CSS en línea de HTML preocupado

Question

Quiero extraer todos los estilos en línea del HTML en cuestión.

Por ejemplo, a continuación es el HTML correspondiente para el cual se extraerá CSS en línea:

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

¿Hay alguna forma de extraer todo style usando solo raíz id="concernedHtmlPortion"?

El resultado de la extracción debe ser: style1,style2,style3,style4

¿Alguna ayuda por favor!

Answer 1

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

trabajando Demo