如何通过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);

Here's a quick example of this。 0会在一个帧中实现，如果您确实要为其设置动画，请将0更改为您想要的毫秒数，like this。

Answer 3

您只需使用.css（参见下面的示例）

即可实现此目的

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

Answer 4

$("p").css({marginLeft: function(index, value) {
    return parseFloat(value) + 100;
}});