Javascript 有什么快速的方法可以找到集装箱的占用高度吗？

在运行中，没有任何子项会显示给父项。我可以获取

滚动高度

并将滚动条（自定义）添加到其中

把我们能得到的孩子都圈起来，还有别的捷径吗

我想删除相同的，当不需要。所以我想知道有多少高度被占用，在有一些空间是空的，我可以删除滚动条

主要是我不知道孩子的身高，每个孩子的身高也不一样，孩子的数量也不可预测

如何计算我孩子的身高

我试着这样做：

var accupiedHeight = $('.blue').innerHeight();
console.log(accupiedHeight);

没有结果

---

如果我没弄错的话，您搜索的只是jQuerys

.height（）

方法

获取匹配元素集中第一个元素的当前计算高度

如果容器没有显式设置高度，这将起作用。如果高度是显式设置的，则将子元素包装在一个额外的div中，并对其使用.height（）方法。 例如：

---

如果克隆父容器并将高度设置为

auto

，则可以计算子元素的总高度：

var accupiedHeight = $('.blue').clone().css('height', 'auto').appendTo('body').height();

演示：

这样它看起来会很简洁。不过我还是更喜欢循环版本，因为它更全面

var accupiedHeight = 0;
$('.blue').children().each(function() {
    accupiedHeight += this.scrollHeight;
});

---

演示：

确定在控制台中给我一个结果吗？这不是OP的要求。他需要计算子元素所占的总高度，而不是它们的父容器。你是对的，我误解了这个问题并更新了我的答案。第一种方法似乎既好又简单。但我还是想知道为什么你更喜欢循环。。？（简单地说，我们可以附加并获得高度，然后正确地删除元素！）是的，它很简单，而且您可以轻松地使用它，它看起来有点粗糙：要获得高度，您需要再创建一个DOM元素，将其附加到DOM中，然后删除它们。我更喜欢环道，但这是关于口味的。无论如何，我会创建帮助函数。你能看看这里吗。。我整合了你的第二种方法，它也从嵌套儿童的高度开始。。如果你有嵌套的元素，那该怎么办呢：这不包括边距，而是填充。

var accupiedHeight = $('.blue').clone().css('height', 'auto').appendTo('body').height();

var accupiedHeight = 0;
$('.blue').children().each(function() {
    accupiedHeight += this.scrollHeight;
});