许多Div的最高版本JS

Question

我有30个盒子（例如），我需要使用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");
});