javascript - 获取div的高度，全部在一个隐藏的div中

Question

寻找一个 JavaScript 解决方案(jQuery 会很好)来获取一些 div 的高度，这些 div 都位于显示设置为无的父 div 中。

伪代码:

<div id="hiddenParent" style="display:none">
  <div class="childDiv">child div 1</div>
  <div class="childDiv">child div 2</div>
  <div class="childDiv">child div 3</div>
</div>

假设类 ChildDiv 没有指定高度，也没有在任何地方设置任何 childDiv 元素的高度。

当“hiddenParent”设置为 display:none 时，关于如何获得它们的高度的任何想法？

Answer 1

var clone = $("#hiddenParent").clone().css("display","block").css("position","absolute").css("left","-9999px");
$("#hiddenParent").after(clone);

alert(clone.outerHeight());
clone.remove();
​

使用 jQuery。