Вопрос по jquery, css – Увеличение значений CSS с помощью JQuery

2

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

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

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

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

спасибо, янки, это было полезно jcrowley
$(object).css( "left", "+=5" ); Muhammad Umer

Ваш Ответ

3   ответа
2

Янки прав:

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

$(object).css('left', left+5);
Как прекратить увеличивать это через jquery Prabhu Vignesh Rajagopal
12

.css () документация:

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

Итак, вы можете увеличивать влево с помощью переменной js с помощью:

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

$(object).css('left', left+=5);
Это всегда будет устанавливать стиль на 10 (5 + 5), независимо от предыдущего значения. Guffa
@ Guffa это основано на его требовании и образце кода, заданного Linmic
Образец кода так далек от работы, поэтому я не думаю, что основывать на нем разумный ответ ... Guffa
Я раньше пробовал метод + =, но, похоже, он мешает другому коду, хотя предложение Янки о дубликате было верным. Спасиб jcrowley

Похожие вопросы