Weetet HTMLのすべてのインラインCSSを抽出します

Question

当該HTMLのすべてのインラインスタイルを抽出したい。

たとえば、下記はInline CSSを抽出しようとしているHTMLです。

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

.

ルートstyleのみを使用して、すべてのid="concernedHtmlPortion"を抽出する方法はありますか？

抽出結果は次のとおりです.style1,style2,style3,style4

助けてください!!

Answer 1

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

.

working demo