每个div获得父级的高度 - jQuery方法

Question

我有这个结构:

<div class="container" style="height:(variable height)">
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
</div>
<div class="container" style="height:(variable height)">
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
</div>
<div class="container" style="height:(variable height)">
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
</div>

所以我需要每个人.box获得父母的高度,这个.container高度与另一个人的身高不同,并且会有所不同.

我只需要jQuery方法,没有CSS因为我不想使用absolute位置,table-cell或者其他任何操作.

谢谢!

Answer 1

你可以使用函数重载 .height

$('.box').height(function(){
    return $(this).parent().height();
});