Question

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

我想要浏览所有元素并将其最高位置改为20px。所以这意味着我需要获得当前的最高位置并为其添加20px。

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

谢谢！

Answer 1

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

＆＃13;

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

＆＃13;

.box {
    width: 100px; height:100px; position: absolute; top: 10px;
}

.box1 { background-color: red; left:10px; }
.box2 { background-color: yellow; left: 120px; }

＆＃13;

<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>

＆＃13;

Answer 2

收集元素

var $elements = $("div");

然后遍历每一个并添加所需的

$elements.each(function () {
    $(this).css({top: "+=20px"});
})

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

2 个答案: