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

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

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

现在，var outerHeight给我的只有第一个带有.profile类的元素的outerHeight。

如何使用.profile类获取所有元素的externalHeights之和？

最佳答案

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

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