모든 인라인 CSS의 모든 인라인 CSS를 추출하십시오

Question

해당 HTML의 모든 인라인 스타일을 추출하고 싶습니다.

예를 들어, 아래의 인라인 CSS가 추출 될 관련 HTML은 다음과 같습니다.

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

.

루트 style 만 사용하여 모든 id="concernedHtmlPortion"를 추출하는 방법이 있습니까?

추출 결과는 다음과 같아야합니다 : style1,style2,style3,style4

도움말을 제발 !!

Answer 1

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

.

노동 데모