获取不同元素的高度并添加不同的类

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') 
}