javascript - 如何获得div内3个p标签的总高度？

Question

这是我的代码

<div class="entry-content"> <p>some text...</p> <p>some text...</p> <p>some text...</p> </div>

我的 entry-content div 有绝对定位，因此 p 标签内的文本位于页脚下方。我必须使用 javascript 将 entry-content 的高度固定为所有 p 标签的总高度。请帮忙。

Answer 1

使用outerHeight (获取匹配元素集中第一个元素的当前计算高度，包括填充、边框和可选的边距。)

var total = 0;
$('.entry-content').find('p').each(function() {
  total += $(this).outerHeight(true);
});
$('.entry-content').height(total);