Увеличение значений css с помощью jquery

Question

Как увеличить значения css с помощью jquery?

Я хочу, чтобы увеличить такие значения, как сверху и слева, это то, что я пытался, но не работает:

var left = 5; 
$(.object).css("left" + 5); 

дело в том, что мне нужно значение должно быть целым числом, а не строка, как " 5px». Мне нужно 5, чтобы я мог изменить его с помощью числовых выражений.

Answer 1

Yankee прав:

var left = parseInt($(object).css("left")); 

$(object).css('left', left+5); 

Answer 2

var left = 5; 

$(object).css('left', left+=5); 

Answer 3

.css() documentation От:

По JQuery 1.6, .css() принимает относительные значения, аналогичные .animate(). Относительные значения - это строка, начинающаяся с + = или - = для увеличения или уменьшения текущего значения. Например, если padding-left элемента был 10px, .css («padding-left», «+ = 15») приведет к полному остатку слева от 25px.

Таким образом, вы можете приращением влево с переменной Js с:

var left = 5; 
$(object).css('left', '+=' + left);