Извлеките все встроенные CSS концертного HTML

Question

Я хочу извлечь все встроенные стили соответствующего HTML.

Например, ниже приведен соответствующий HTML-код, для которого необходимо извлечь встроенный CSS:

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

Есть ли способ извлечь все style, используя только root id="concernedHtmlPortion"?

Результат извлечения должен быть: style1,style2,style3,style4

Любая помощь, пожалуйста!

Answer 1

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

Рабочая ДЕМО