jquery - 使用 jQuery 添加每个匹配元素的高度

Question

我有这个功能

            $('.gallery').each(function(){
                var thumbCount = $(this).find('.ngg-gallery-thumbnail-box').size();
                var rows = thumbCount/5;
                var height = rows*145;
                $(this).css({'height':height+24});
            });

它获取每个 .gallery div 的高度。我想更进一步，从每个函数内部获取所有这些 height 变量并将它们加在一起(获取所有 .gallery div 的总高度)——但我不知道如何.

有人可以告诉我正确的语法吗？

谢谢!

Answer 1

使用您当前的代码:

var totalHeight = 0;
$('.gallery').each(function(){
    var thumbCount = $(this).find('.ngg-gallery-thumbnail-box').size();
    var rows = thumbCount/5;
    var height = rows*145;
    totalHeight += height;
    $(this).css({'height':height+24});
});

---

顺便说一句，我可以通过以下方式稍微简化您现有的代码:

var totalHeight = 0;

$('.gallery').each(function(){
    var thumbCount = $(this).find('.ngg-gallery-thumbnail-box').length,
        rows = thumbCount/5,
        height = rows*145;

    totalHeight += height;

    $(this).css('height', height+24);
});