javascript - 使用 jQuery 更改元素的顶部位置

Question

我有一个包含多个元素的页面。它们是绝对定位的，每个都有 css 属性“top”。

我想遍历所有元素并将它们的顶部位置更改 20 像素。所以这意味着我需要获得当前的最高位置并向其添加 20px。

元素的数量是未知的，因为它可以随时更改。

谢谢!

Answer 1

可以使用animate也支持的+=语法

 $('.box1').css('top','+=20px');

.box {
    width: 100px; height:100px; position: absolute; top: 10px;
}

.box1 { background-color: red; left:10px; }
.box2 { background-color: yellow; left: 120px; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="box box1"></div>
<div class="box box2"></div>