将类添加到动态高度div

Question

我有一个＆＃34; div＃area＆＃34;具有动态内容，所以div高度也是动态的，我想要的是当它的高度大于650px时添加类＆＃34; .over＆＃34;。 我使用这个脚本并且它不起作用：

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

Answer 1

执行this语句时，

$('div#area')没有引用addClass。您可以将引用存储在变量中并使用它。

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

Answer 2

试试这个

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

Answer 3

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

Answer 4

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