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

Question

我有多个H4＆＃39。我想要每个元素的高度，这是有效的。在那之后，较小的高度成为班级＆＃34;小＆＃34;而较大的一个成为班级＆＃34;大＆＃34;。但这不起作用，两个元素都得到了两个类。有人有什么想法吗？

＆＃13;

＆＃13;

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

		var smallHeight = 18;
		var bigHeight = 36;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

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

Answer 1

使用$（this）引用每个函数内的匹配元素：

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