增加重复元素的最高值

Question

我有一个未知数量的div，其类别为result，我需要每次潜水使其top 值每次增加8em。

所以第一个div.result 将有top: 0em，第二个top: 8em，第三个top: 16em 等等。

我认为这段代码可能会起作用：

var top = 0

$('div.result').each(function() {
    $('div.result').css('top', top+"em");
    top+8;
});

但不幸的是，所有div.result 都有top: 0em，增量不会发生。有什么想法可能是错的吗？

谢谢。

Answer 1

var top = 0

$('div.result').each(function() {
    $(this).css('top', top+"em");
    top = top + 8;
});

将顶部设置为 top + 8 或每次添加 8 如下：top += 8;

另一种方法：

var top = -8;
$('.result').css('top', function () {
    return (top += 8) + 'em';
});