javascript - 根据其他 div 的高度获取一个 div 的高度

Question

这是一个简单的 html 示例:

<div id="column-5" style="height:300px;width:200px;background:red">
<div class="httwitter-thread-navigation" style="height:223px;width:100%;background:pink">
    <div class="mydiv" style="width:auto;background:yellow;"></div>
</div>

我想要实现的是根据以下操作将高度赋予 .mydiv: .mydiv 的高度应该是 "#column-5's height"- ".httwitter-thread-navigation's height - 40px"

在这种情况下翻译成

300 - 223 - 40 = 37 像素

如何使用 javascript 获取 37px 的高度？

考虑到 column-5 或另一个的高度可能没有在 css 中指定，所以 javascript 应该检测它的 innerHeights(包括边距和填充)

非常感谢

在这里摆弄:http://jsfiddle.net/omegaiori/hafn5/1/

Answer 1

.mydiv's height should be "#column-5's height" - ".httwitter-thread-navigation's height - 40px"

这几乎可以概括一切？

$('.mydiv').height(function() {
    return $('#column-5').height() - $('.httwitter-thread-navigation').height() - 40;
});

FIDDLE

jQuery 同时具有 outerHeight和 innerHeight同样，取决于您的需要。阅读文档。