jquery - 使用 jQuery 计算 div 子元素的高度

Question

我想将父级的高度与其子级的总高度相匹配，这样内容就不会从父级的边框流出。我正在使用以下代码:

 $("#leftcolumn").each(function(){
     totalHeight=totalHeight+$(this).height();
  });

它会遍历所有 div 的子元素吗？有时有效，有时无效。

此外，我尝试了以下代码，假设它会考虑其所有子项。但结果很奇怪，并且给出的高度是正确结果的两倍。

 $("#leftcolumn > *").each(function(){
   totalHeight=totalHeight+$(this).height();
 });

提前致谢。

Answer 1

像这样尝试一下:

var totalHeight = 0;

$("#leftcolumn").children().each(function(){
    totalHeight = totalHeight + $(this).outerHeight(true);
});

http://api.jquery.com/outerHeight/将 margins、paddings 和 borders 纳入计算中，这应该会返回更可靠的结果。