提取enclosednet html的所有內聯CSS

Question

我想提取有關html的所有內聯樣式。

例如，下面是有關HTML的其中內聯CSS是要提取：

<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