Extraire tous les css de concernet html

Question

Je veux extraire tous les styles en ligne de html.

Par exemple, ci-dessous est le code html pour qui inline css est extrait:

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

Est-il possible d'extraire tous les style en utilisant uniquement la racine id="concernedHtmlPortion"?

La suite de l'extraction devrait être: style1,style2,style3,style4

Toute aide, s'il vous plaît !!

Answer 1

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

Travail de DÉMONSTRATION ​