Добрый день, на старнице есть инпут счетчик для интернет магазина (укажите количество товаров + и -)
HTML:
<div class="input-group spinner">
<input type="text" class="form-control" value="1">
<div class="input-group-btn-vertical">
<button class="btn btn-default" type="button">+</button>
<button class="btn btn-default" type="button">–</button>
</div>
</div>
Его я реализовал вот таким Js:
$(document).ready(function ($) {
$('.spinner .btn:first-of-type').on('click', function() {
$('.spinner input').val( parseInt($('.spinner input').val(), 10) + 1);
});
$('.spinner .btn:last-of-type').on('click', function() {
$('.spinner input').val( parseInt($('.spinner input').val(), 10) - 1);
});
})
Но проблема в том, что этих счетчиков до 10-20 штук на странице, а когда кликаешь, то он изменяет значения во всех инпутах на странице, как-то можно сделать, что бы изменял, только в том инпуте, на котором клик происходит.(и желателно не через id, то можно с ума будет сойти)
Заранее спасибо!
