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

Get height of two elements, set another element to that height

本文关键字：高度 元素 设置 另一个 两个 获取      更新时间：2023-09-26

我有两个元素。两者都是动态的。在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(totHeight);

或者两者兼而有之，像这样一句话

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

相关文章：