jquery - 繰り返し要素のトップ値の増加

Question

divのクラスの の数が不明です。resultダイブごとにその値を毎回top増加させる必要があります。8em

したがって、最初div.resultはtop: 0em、2 番目top: 8em、3 番目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次のように毎回top を設定するか、8 を追加します。top += 8;

別のアプローチ：

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