提取关注 html 的所有内联 css

Question

我想提取相关html的所有内联样式。

例如，下面是要提取内联css的相关html：

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

有没有办法只使用root 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 ​