Extrahieren Sie das gesamte Inline-CSS des betreffenden HTML-Codes

Question

Ich möchte alle Inline-Stile des betreffenden HTML-Codes extrahieren.

Nachfolgend finden Sie beispielsweise den betreffenden HTML-Code, für den Inline-CSS extrahiert werden soll:

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

Gibt es eine Möglichkeit, alles zu extrahieren? style indem Sie nur root verwenden id="concernedHtmlPortion"?

Das Ergebnis der Extraktion sollte sein: style1,style2,style3,style4

Bitte um Hilfe!!

Answer 1

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

Funktionierende DEMO ​