获取两个元素的高度，将另一个元素设置为该高度

Question

我有两个要素。两者都是动态的。在Javascript或jQuery中，我想抓住这两个元素的高度，并设置这两个元素的组合高度的元素的高度。

我知道我可以用：

设置另一个元素

$("#canvas-wrapper").height($("main.hero").height());

我试图在抓住高度的区域中包含第二个元素，例如：

$("div#canvas-wrapper").height($("header", "main.hero").height());

但这对我不起作用。我是否必须将其中两个元素放入数组中？

Answer 1

使用两个选择器并不能提供组合高度，您必须为每个选择器单独调用：

$("div#canvas-wrapper").height($("header").height() + $("main.hero").height());

Answer 2

您的代码在语法上是错误的。你必须单独找到每个高度并将它们加在一起才能达到高度。

获得总高度 -

var totHeight = $("header").height() + $("main.hero").height();

设置

$("div#canvas-wrapper").height(totHeight);

或两者都是这样的一句话

$("div#canvas-wrapper").height($("header").height() + $("main.hero").height());