jquery - jqueryでcss値を増やす

Question

jqueryでcss値を増やすにはどうすればよいですか?

上や左などの値を増やしたいのですが、これは私が試したものですが、うまくいきません:

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

問題は、値を「5px」のような文字列ではなく整数にする必要があるということです。数式で変更できるようにするには5が必要です。

Answer 1

.css() ドキュメントから:

jQuery 1.6 以降、.css() は .animate() と同様の相対値を受け入れます。相対値は、+= または -= で始まる文字列で、現在の値を増分または減分します。たとえば、要素の padding-left が 10px の場合、.css( "padding-left", "+=15" ) は合計 25px の padding-left になります。

したがって、次のように js 変数を左にインクリメントできます。

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

Answer 2

ヤンキーは正しい：

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

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

Answer 3

var left = 5;

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