对于许多div来说，保证金最高

Question

我有30个盒子（例如），我需要为每个div 添加自定义边距顶部和JS 。

div : margin-top:0px;
div : margin-top:10px;
div : margin-top:20px;
div : margin-top:30px;
and ..
.
.

。

这是我的js代码。

var n = $('div');
n.css('margin-top', (parseFloat(n.css('margin-top')) + 10) + 'px');

结果：

 div : margin-top:10px;
    div : margin-top:10px;
    div : margin-top:10px;
    div : margin-top:10px;
    and ..
    .
    .
    .

我该怎么做？

Answer 1

你的尝试有点乱。 $("div")将成为<div>元素的集合，因此您需要稍微多做一些实际操作并逐个解决它们。

幸运的是，jQuery的.each()就是这么做的。将index乘以10会导致每个10px增加：

$("div").each(function(index) {
    var margin = index * 10;
    $(this).css("margin-top", margin+"px");
});