Подсчет количества имущества класса JQuery

Question

У меня есть HTML как это:

<style> 
.hello {background:#ccc} 
</style> 
<div class="hello" style="height:40px; width:60px; display:inline-block">something</div> 

В настоящее время класс привет имеет 4 свойства (фон, высота, ширина, дисплей), но как я могу подсчитать количество имущества класс по jquery?

Большое вам спасибо.

Answer 1

Попробуйте использовать .attr(), String.prototype.split() с параметром ";" для извлечения style свойств атрибутов; используя .text(), String.prototype.replace() с RegExp/\n|\s+/g, String.prototype.match() с RegExp\.hello\{.*\}/, String.split() с RegExp/\.hello\{|\}|;/, Array.prototype.filter() с параметром Boolean для извлечения свойства устанавливают на style элемент для .hello, Array.prototype.push() нажать свойства при style элемента к props массива

var props = $(".hello").attr("style").split(";"); 
 

 
props.push.apply(props, 
 
       $("style").text() 
 
       .replace(/\n|\s+/g, "") 
 
       .match(/\.hello\{.*\}/)[0] 
 
       .split(/\.hello\{|\}|;/) 
 
       .filter(Boolean) 
 
       ); 
 

 
console.log(props, props.length);

.hello { 
 
    background: #ccc; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> 
 
</script> 
 
<div class="hello" style="height:40px; width:60px; display:inline-block">something</div>