javascript - 每个 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();
});