如何通过jquery增加/减少一个数字的当前保证金？

Question

鉴于剩余边距未知的元素,如何增加其边距 - 数量为100px？

例如:

假设原始margin-left是100px

预期的结果是100px + 100px,最后是200px.

Answer 1

$('#element-id').css('margin-left', function (index, curValue) {
    return parseInt(curValue, 10) + 100 + 'px';
});

curValue最后会包含'px',所以你不会先使用NaN或100px100px作为结果使用parseInt.

Answer 2

快速/简洁的方法:

$('#IDHere').animate({marginLeft: '+=100px'}, 0);

这是一个简单的例子.这0使得这种情况发生在一个帧中,如果你真的想要为它设置动画,那就改成0你想要的毫秒数,就像这样.

Answer 3

您只需使用 .css 即可轻松实现此目的（请参见下面的示例）

$('#element-id').css('margin-left', '+=100px');