jquery - 增加重复元素的最高值

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;
});

但不幸的是 all div.result's have 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';
});