jQuery：DIV的高度计算填充视口的剩余部分

Question

我正在尝试计算窗口的剩余高度，减去所有其他页面元素的高度，以便我可以将所述高度分配给DIV。我认为我的结构是正确的，我只是不确定语法。

$('#container').height($(window).height() - $('#a, #b, #c, #d').height());

https://jsfiddle.net/0gtkgLem/4/

Answer 1

jQuery的.height()仅获取您选择的元素集中第一个元素的高度。所以你需要分别选择每一个并自己获得它的高度。

来自文档：

  

获取匹配元素集中第一个元素的当前计算高度，或设置每个匹配元素的高度。

     

http://api.jquery.com/height/

$('#container').height($(window).height() - $('#a').height() - $('#b').height() - $('#c').height() - $('#d').height());

更新小提琴：https://jsfiddle.net/0gtkgLem/2/

Answer 2

我认为你的语法是正确的。您的jsfiddle无效，因为您没有包含jQuery插件。见https://jsfiddle.net/0gtkgLem/1/