jquery - 获取同一类所有元素的outerHeight之和

Question

我认为这是一个非常简单的问题，但是......

var outerHeight = $('.profile').outerHeight();
$("#total-height").text(outerHeight + 'px');

现在，var outerHeight 只提供第一个具有 .profile 类的元素的outerHeight。

如何获得所有类.profile元素的outerHeights总和？

Answer 1

循环遍历每个匹配元素并将外部高度相加:

var outerHeight = 0;
$('.profile').each(function() {
  outerHeight += $(this).outerHeight();
});
$("#total-height").text(outerHeight + 'px');