увеличить текущее верхнее значение на 3 в jquery

Question

0

Я пытаюсь увеличить текущее верхнее значение на 3 в javascript/jquery, но ничего не работает.

Вот почему:

$('#searchInput').css('top', $('#searchInput').css('top')+3);

дает мне -22px3

$('#searchInput').css('top', $('#searchInput').css('top')+'3px');

дает мне -22px3px

Я хочу -19px, но я не могу сделать -19px потому что тогда я добавлю 3 снова и снова и снова.

Как я могу это сделать правильно?

gomangomango 22 фев. 2014, в 20:29

Теги:

5 ответов

1

Если ваша версия jQuery превышает 1.6, вы можете использовать += вот так, я считаю:

$('#searchInput').css('top', '+=3');

В противном случае вам нужно будет сделать что-то вроде этого:

var t = $('#searchInput').css('top');
$('#searchInput').css('top', t + 3 + 'px');

user3339662 22 фев. 2014, в 18:17

1

Вы можете попытаться проанализировать свое значение, используя parseInt() здесь:

$('#searchInput').css('top', parseInt($('#searchInput').css('top'), 10) + 3 + 'px');

Felix 22 фев. 2014, в 17:56

0

Спасибо, это работает, но это в целом отрицательно. Мне нужно, чтобы это пошло в массовом порядке.
gomangomango 22 фев. 2014, в 19:36

0

Вы можете сделать это

$('#searchInput').css('top', parseInt($('#searchInput').css('top'), 10) + 3);

jintoppy 22 фев. 2014, в 17:34

0

$('#searchInput').css( "top", "+=3" );

должен сделать трюк

Liviu A 22 фев. 2014, в 17:21

Спасибо, это работает, но это в целом отрицательно. Мне нужно, чтобы это пошло в массовом порядке.

Awlad Liton · Accepted Answer · 2014-02-22T16-57-00.000Z

вам нужно проанализировать текущее верхнее значение на целое число или float, а затем добавить 3 и concat px как строку

попробуйте вот так:

var x = $('#searchInput').css('top');
 $('#searchInput').css('top',parseFloat(x)+3+"px");

Спасибо, это работает, но все идет очень негативно, мне нужно, чтобы это было возможно.
скажем, у вас есть текущая вершина -22 после нажатия на приращение, какое значение следующей вершины вы ожидали?
если вы хотите, чтобы следующее верхнее значение было -25, тогда просто замените $('#searchInput').css('top',parseFloat(x)+3+"px"); на $('#searchInput').css('top',parseFloat(x)-3+"px");