jQuery:这个div的100%高度

时间:2014-01-22 20:22:27

标签: javascript jquery

如何使用 .height() .post 获取高度,并将其应用于 .left ,每个。帖子有不同的高度所以我需要使用 this()我认为,但找不到解决方案...我的jQuery只从第一个 .post中抓取高度

<div class="object">
    <div class="post">
        <div class="left">
        </div>
        <div class="right">
            <p>Lorem ipsum dolar sit amet</p>
        </div>
    </div>
</div>

$(document).ready(function(){
    $height = $('.object .post').height();
    $final = $height-53
    $('.object .post .left').css({
        height: $final
    });
});

2 个答案:

答案 0 :(得分:3)

这样的事情:

$(document).ready(function() {
    $('.left').height(function() {
        return $(this).parent().height() - 53;
    });
});

这会将每个.left div的高度设置为相应的父.post减去53px。

答案 1 :(得分:0)

或只是使用css

.post{position:relative}
.left{position:absolute;top:0;left:0;height:100%}

做了一个小提琴:http://jsfiddle.net/filever10/rzFhL/