Relative value syntax (for .css() and .animate()) should support more mathematical operations

[mtaby@…]

Right now, you can set a css property relative to a current value. However, I think jQuery ought to support multiplication and division as well.

Use-cases for this vary, in my case, I want to set the scale (3d/2d transformation) relative to its current position, but scale is a multiplier, not a static value; You don't "add one" to a scale, you "multiply by 1.01".

Another use-case is when someone wants to double/triple the current value, same with halving, dividing, etc.

From my casual peek at the code, it seems like this would involve small changes to the rrelNum regex in css.js and some corresponding changes to the style() method.

[addyosmani]

Opening up for discussion/voting. imo, this can be achieved with custom workarounds, but I'll see what others have to say about it.

[pinzon@…]

+1

[dmethvin]

I'm not a fan but will put it up for discussion.

[sindresorhus]

-1.

You can easily do this already:

$("div").css("margin", function( i, val ) {
    return val * 0.666;
});

If we do this, expect requests for even more advanced math :P

$("div").css("margin", "(sqrt(cos(x))*cos(200*x)+sqrt(abs(x))-0.7)*(4-x*x)^0.01,sqrt(9-x^2),-sqrt(9-x^2)");

[jaubourg]

-1, Feature creep.

[jzaefferer]

-1, Too specialized

[dmethvin]

-1, Nope.

[mikesherov]

-1, feature creep

[timmywil]

-1

[Rick Waldron]

-1, Give an inch and they'll take a mile. Feature creep

[dmethvin]

Voted off the island.