jquery - 如何将元素定义为 "this"

Question

类example可以有不同的高度，因为中间带有“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 元素都应具有绿色背景颜色。我怎样才能实现这个目标？谢谢!

Answer 1

您可以使用callback function来做到这一点，回调内 this 引用元素

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