クラスを動的な高さのdivに追加する

Question

私はdivの高さも動的なので、高さが650pxのクラス ".over"より大きい場合は動的な内容のdiv＃areaを持っています。 私はこのスクリプトを使用し、それが働いていない：あなたはaddClass文を実行するとき

<script> 
    if ($('div#area').height() > 650) { 
     $(this).addClass('over'); 
    } 
</script> 

Answer 1

OPは、コンテキストのうち、 `this`を使用し、@Satpalはないので、この

<script> 
$(document).ready(function(){ 
    if ($('#area').height() > 650) { 
     $('#area').addClass('over'); 
    } 
}) 
</script> 

Answer 2

thisは$('div#area')を指していません。参照を変数に格納して使用することができます。

var elem = $('div#area'); //Store a refrence to element 
if (elem.height() > 650) { 
    elem.addClass('over'); 
} 

Answer 3

<script> 
    if ($('#area').height() > 650) { 
    $(this).addClass('over'); 
    } 
</script> 

Answer 4

<script> 
var area = $('div #area'); 
if (area.height() > 650) { 
    area.addClass('over'); 
} 
</script>