jQuery увеличивает идентификатор и изменяет клик - PullRequest
Новая
       7

jQuery увеличивает идентификатор и изменяет клик

5 голосов
/ 10 марта 2010

Я пытаюсь сделать кнопку, которая увеличивает при клике его идентификатор и переменную. Мне удалось найти какой-то код в StackOverflow, который увеличивает значение поля ввода, но я не знаю, как его изменить.

Вот разметка: 

<input type="text" name="qty" value="0" />
<p id="inc">Increase</p>
<p id="dec">Decrease</p>

И JQuery 

<script>
$(document).ready(function() 
{   
    $(function()
    {
        $("#inc").click(function() 
        { 
            $(":text[name='qty']").val(Number($(":text[name='qty']").val()) + 1);
            $('#inc').addClass (Number + 1); // this one does not work
            var incrementVar = (Number + 1); // this one also does not work
        }); 

        $("#dec").click(function()
        {      
            $(":text[name='qty']").val(Number($(":text[name='qty']").val()) - 1);
        });  
    });
});
</script>

Это действительно увеличивает val во входных данных, но я не могу сделать это, чтобы увеличить класс $ ('# inc') и var incrementVar.

Что мне делать? Спасибо

Ответы [ 3 ]

5 голосов
/ 10 марта 2010

Имена классов не могут начинаться с цифры, подробности см. В этом обсуждении . Если вы префикс вашего класса, скажем .c1, .c2 и т. Д. ... вы можете сделать что-то вроде этого: 

$(function() {
  $("#inc").click(function() { 
    var num = $(":text[name='qty']").val(function(i, v) { 
                   return Number(v) + 1;
              }).val();
    $(this).addClass ('c' + num);
    var incrementVar = num;
  }); 

  $("#dec").click(function() {      
    $(":text[name='qty']").val(function(i, v) { return Number(v) - 1; });
  });  
});

Еще одно примечание: нет необходимости в $(document).ready(function() { и $(function() {, они эквивалентны, обертывание в любом из них в порядке.

3 голосов
/ 10 марта 2010 
var incrementVar = 0;
$(function() {
    $("#inc").click(function() {
        var value = parseInt($(":text[name='qty']").val()) + 1;
        $(":text[name='qty']").val(value);
        $('#inc').addClass('a' + value); // I believe class names cannot start with a number
        incrementVar = incrementVar + value;
    });
});
0 голосов
/ 11 марта 2010

Для дополнительной поддержки клавиатуры (стрелки вверх / вниз для добавления / вычитания) для этого ввода может пригодиться мой плагин Increment: http://sean -o.com / increment

Просто скачайте и включите скрипт, затем позвоните с одной строкой кода: 

$(":text[name='qty']").increment({ increment: 1 });

- SEAN O

...