Jquery 将类添加到动态高度div

我有一个带有动态内容的“div#area”，因此div height也是动态的，我想要的是当它的高度大于650px时添加class.over”。 我使用此脚本，但它不起作用：

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

如果（$（'div#area'）。高度（）>650）{
$（this.addClass（'over'）；
}

执行
addClass
语句时，此

不引用

$（'div#area'）

。您可以将引用存储在变量中并使用它

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

---

执行
addClass
语句时，此

不引用

$（'div#area'）

。您可以将引用存储在变量中并使用它

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

试试这个

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

$（文档）.ready（函数（）{
如果（$（'#面积'）。高度（）>650）{
$（'面积'）.addClass（'超过'）；
}
})

试试这个

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

$（文档）.ready（函数（）{
如果（$（'#面积'）。高度（）>650）{
$（'面积'）.addClass（'超过'）；
}
})

如果（$（'#面积'）。高度（）>650）{
$（this.addClass（'over'）；
}

如果（$（'#面积'）。高度（）>650）{
$（this.addClass（'over'）；
}

变量面积=$（'div#area'）；
如果（面积高度（）>650）{
面积.addClass（'超过'）；
}

变量面积=$（'div#area'）；
如果（面积高度（）>650）{
面积.addClass（'超过'）；
}

因为OP在上下文之外使用

此

，而@Satpal没有。因为OP在上下文之外使用

此

，而@Satpal没有。此解决方案不会像

$（此）

那样工作（'div#area'）。此解决方案不会像

$（此）

那样工作（'div#area'）。