jquery – 如何将元素定义为“this”

类示例可以具有不同的高度,因为具有“lorem ipsum”的中间可以分布在两行上,因为它具有更多文本.

<div class="example">lorem</div>
<div class="example">lorem ipsum</div>
<div class="example">lorem</div>

我该如何识别？
我想知道.example元素的高度是否大于一行(例如30px).所以我想要这样的东西：

if ($('.example').height() > 30) {
    $(this).css('background', 'green');
}

因此,每个高度大于30px的.example元素都应具有绿色背景颜色.我怎样才能做到这一点？谢谢！

您可以使用 callback function执行此操作,内部回调指的是元素

$('.example').height(function(i, v) {
   if(v > 30) {
       $(this).css('background', 'green');
   }
});