獲取不同元素的高度並添加不同的類

Question

我有多個H4。我想要每個元素的高度，這是工作。之後，較小的高度成爲「小」類，較大的成爲「大」類。但這不起作用，兩個元素都可以獲得這兩個類。有人有什麼想法嗎？

\t $(".box-services-c h4").each(function() { 
 
\t \t var getHeightHfour = $(this).height(); 
 
\t \t console.log(getHeightHfour); 
 

 
\t \t var smallHeight = 18; 
 
\t \t var bigHeight = 36; 
 

 
\t \t if(getHeightHfour == smallHeight) { 
 
\t \t \t $(".box-services-c h4").addClass('small') 
 
\t \t } 
 
    if(getHeightHfour == bigHeight) { 
 
\t \t \t $(".box-services-c h4").addClass('big') 
 
\t \t } 
 
\t \t 
 
\t });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<div class="box-services-c"> 
 
<h4>SPANNAX®<br>Spannfutter</h4> 
 
</div> 
 
<div class="box-services-c"> 
 
<h4>Spannfutter</h4> 
 
</div>

https://jsfiddle.net/tqg6zt5h/1/

Answer 1

使用$（這）是指匹配的元素每個函數內部：

if(getHeightHfour == smallHeight) { 
    $(this).addClass('small') 
} 
if(getHeightHfour == bigHeight) { 
    $(this).addClass('big') 
}