循环中更改css值的增量不起作用
循环中更改css值的增量不起作用
提问于 2015-04-16 06:25:36
我试图在外汇中增加当前“top”属性值的值。
http://jsfiddle.net/fqmnksgL/
var percent = 50;
$('div').forEach(function (obj, i) {
$(obj).css('top', $(obj).css('top') + percent);
});上面的代码有什么问题吗？
回答 3
Stack Overflow用户
回答已采纳
发布于 2015-04-16 06:55:00
你可以试试
var percent = 50;
$('div').css('top', function(i, obj) {
return i * percent;
});div {
width: 50px;
height: 50px;
background: red;
position: absolute;
top: 10px;
left: 10px;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
Stack Overflow用户
发布于 2015-04-16 06:28:12
forEach是Array的一部分。使用each代替。可以使用函数回调来增加当前元素的top属性。
var percent = 50;
$('div').each(function() {
$(this).css('top', function(_, top){
return parseInt(top, 10) + percent;
});
});但这不像你想的那样有效。也许您应该尝试使用$.fn.prev的另一个答案
Stack Overflow用户
发布于 2015-04-16 06:34:06
您不能将百分比(%)添加到px值中，您需要转换其中的一个
var px = 50;
$('div').each(function () {
$(this).css('top', parseInt($(this).prev().css('top')) + px);
});http://jsfiddle.net/fqmnksgL/6/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29666859
复制相关文章
相似问题
腾讯云开发者
