Как уместить на одной странице несколько spinner

В этом и вопрос. Есть у меня задачка реализовать на странице 2-5 спиннеров. У каждого свой шаг, а как сделать чтобы у каждого из них был этот самый шаг не пойму. Информации тоже найти пока не получается.
Вызываю их вот так.
$(function() {
    $( "#input1" ).spinner({
      spin: function( event, ui ) {
        if ( ui.value > 1000 ) {
          $( this ).spinner( "value", 0 );
          return false;
        } else if ( ui.value < 0 ) {
          $( this ).spinner( "value", 1000 );
          return false;
        }
      }
    });
  });
  $(function() {
    $( "#inputa" ).spinner({
      spin: function( event, ui ) {
        if ( ui.value > 1000 ) {
          $( this ).spinner( "value", 0 );
          return false;
        } else if ( ui.value < 0 ) {
          $( this ).spinner( "value", 1000 );
          return false;
        }
      }
    });
  });


хтмл

<input type="text" id="input1" name="kol_kl" value="1">
<input type="text" id="input2" name="kol_kl" value="1">

1 ответов


Обычный квери для jquery

$("#input01, #input02, #inputN").spinner();
или же под один селект
$("input").spinner();
всё зависит от вашего css селектора елементов