jquery - jQuery-获取先前的多个div的高度

我如何获得像这样的多个div的高度：

<div class="alert"></div>
<div class="alert"></div>
<div class="alert"></div>

然后将其添加到每个div的top属性中。
这是他们的身高：

.alert {height:15px;}

因此加载后将是：

<div class="alert"></div>
<div class="alert" style="top:15px"></div>
<div class="alert" style="top:30px"></div>

我只能设法获得上一个div的高度，而不是另一个上一个div的高度：

 $('.alert').each(function () {
       var posTop = $(this).prev('.alert').innerHeight();
       $(this).css({ top: posTop + 'px' });
   });

请帮助谢谢！

最佳答案

您可以使用变量来存储累计最高价值

var top = 0;
$('.alert').each(function () {
    var posTop = $(this).prev('.alert').innerHeight();
    if (top) {
        $(this).css({
            top: top + 'px'
        });
    }
    top += $(this).innerHeight();
});

演示：Fiddle

关于jquery - jQuery-获取先前的多个div的高度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28164194/