javascript - 提取关注 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 ​