Javascript 获取两个元素的高度,然后将另一个元素设置为该高度

Javascript 获取两个元素的高度,然后将另一个元素设置为该高度,javascript,jquery,html,Javascript,Jquery,Html,我有两个要素。两者都是动态的。在Javascript或jQuery中,我想获取这两个元素的高度,并将一个元素的高度设置为这两个元素的组合高度 我知道我可以设置一个元素的另一个元素: $("#canvas-wrapper").height($("main.hero").height()); 我尝试在高度被抓住的区域中包含第二个元素,例如: $("div#canvas-wrapper").height($("header", "main.hero").height()); 但这对我不起作用。我必

我有两个要素。两者都是动态的。在Javascript或jQuery中,我想获取这两个元素的高度,并将一个元素的高度设置为这两个元素的组合高度

我知道我可以设置一个元素的另一个元素:

$("#canvas-wrapper").height($("main.hero").height());
我尝试在高度被抓住的区域中包含第二个元素,例如:

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

但这对我不起作用。我必须将其中两个元素放入一个数组吗?

使用两个选择器不会给出组合高度,您必须分别调用每个:

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

您的代码在语法上是错误的。您必须单独找到每个高度,并将其相加以获得高度

要获得总高度,请执行以下操作:

var totHeight=$(“header”).height()+$(“main.hero”).height()

设定

$(“div#canvas wrapper”).height(总高度)

或者在这样的一句话里两者都有

$(“div#canvas wrapper”).height($(“header”).height()+$(“main.hero”).height())