javascript - 在循环内递增来改变 css 值不起作用

Question

我尝试增加 foreach 中当前“top”属性值的值。

http://jsfiddle.net/fqmnksgL/

var percent = 50;
$('div').forEach(function (obj, i) {
    $(obj).css('top', $(obj).css('top') + percent);
});

我上面的代码有什么问题吗？

Answer 1

forEach 是Array 的一部分。请改用each。您可以使用函数回调来增加当前元素的 top 属性。

var percent = 50;
$('div').each(function() {
    $(this).css('top', function(_, top){ 
        return parseInt(top, 10) + percent;
    });
});

但是它并没有按照你的预期工作。也许您应该尝试类似其他答案的方法，它使用 $.fn.prev