javascript - jQuery 用于数值加减的 css 语法是什么？

Question

我确定我以前见过这个。这是我内存中的样子

$cnta.css({ top:'+=50' });

不用说，它不起作用:-)

我知道我可以解析 css 值，处理结果并将其放回 css，但这需要两倍的代码。

---

感谢您的回答!

Answer 1

适用于 .animate():

$cnta.animate({ top:'+=50' }, 0);

对于 .css()，你可以传递一个函数来为你做加法:

$cnta.css('top', function(i,current) { return parseInt(current) + 50; });

$cnta.css('top', function(i,current) { return (parseInt(current) + 50 || 50); });​

---

编辑:将动画从 1 更改为 0。正如 @Nick Craver 指出的那样，0 动画将起作用。

编辑: 为 .css() 版本提供了更好的答案。如果 top 还没有被赋予任何值，那么执行 .parseInt(current) 将返回 NaN。已更新以更正它。