Optimizing syntax for modifying a CSS value with jQuery using math

Question

I've got a jQuery function to modify the width values of two CSS classes. The width is given in percentage for both classes. As written, it works, but I'm trying to optimize my jQuery code so it works with just variables. Here is the relevant code (percent is an earlier defined variable):

$('.eventdescription').css({width : 75 - percent + '%'});
$('.function').css({width : 25 + percent + '%'});

I'm trying to get rid of the '75' and '25' values. I've tried the following:

$('.eventdescription').css({width : -=percent + '%'});
$('.function').css({width : +=percent + '%'});

But I get an 'unexpected identifier' error. Enclosing '+=percent' and '-=percent' in quotes doesn't seem to do anything. What am I doing wrong? Thanks for reading.

EDIT: See Tom Chung's answer. The correct syntax is enclosing the += and -= operators in quotes and including them as discrete units in the operation.

Tom Chung · Accepted Answer · 2014-01-18 10:28:21Z

1

$('.eventdescription').css({width : '-=' + percent + '%'});
$('.function').css({width : '+=' + percent + '%'});

'-=' && '+=' operator should be in form of string.

Further explaining, the code +=percent is invalid. Proper usage of it should be,

var originalPercent = 0;
originalPercent += percent;
// Now, value of originalPercent will be originalPercent + percent

answered Jan 18, 2014 at 10:28

Tom Chung

1,4229 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Optimizing syntax for modifying a CSS value with jQuery using math

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related