jquery基于其他元素高度设置类

时间:2012-08-02 17:13:50

标签: jquery height element

我是jquery的新手

这是我想要实现的,使用jquery:如果div id 1的高度大于窗口高度,则将类设置为div id 1

<div id="1">some text</div>
<div id="2">some text</div>
<div id="3">some text</div>

谢谢

1 个答案:

答案 0 :(得分:2)

以下是一个示例:

$(function() {
    $(window).resize(function() { //whenever window is resized
        var el = $('#1');         //caches the selector
        if (el.height() > $(window).height())   //if #1.height > window.height
            el.addClass('LargerThanWindow');    //add a class to it
        else
            el.removeClass('LargerThanWindow'); //else remove the class
    }).resize(); //triggers the resize handler which we just set inside the 
});              //DOM ready event

Fiddle
垂直调整窗口大小,您将看到应用/删除的类。