collabnet htmlのすべてのインラインCSSを抽出します

Question

該当するhtmlのすべてのインラインスタイルを抽出したいと思います。以下例えば

は、インラインCSSを抽出しようとするため、当該HTMLである：

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

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

結果は次のようになります。style1,style2,style3,style4

すべてのヘルプしてください！

Answer 1

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

Working DEMO