要素を "this"として定義する方法

Question

クラスexampleは、 "lorem ipsum"を持つ中間のものがより多くのテキストを持つため2行にまたがることができるため、高さが異なる可能性があります。

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

これをどのように識別できますか？ .example要素の高さが1行（30pxなど）より大きいかどうかを確認したいと思います。だから私はこのような何かをしたい：

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

ので30pxよりも大きな高さを持つすべての.example要素が緑の背景色を持たなければなりません。どうすればこれを達成できますか？ありがとうございました！

Answer 1

あなたはthisが

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

Answer 2

ちょうどすべてexampleのdiv要素を反復処理を指し、コールバックの内側に、callback functionでそれを行うことができます。

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