Как сделать счётчик кол-ва товаров?

Question

[Alex_Shevl]

Здравствуйте! Есть товары, в каждом товаре свой input. Как сделать так, чтобы при нажатии на + или - значение менялось только у соответственного инпута, а не у всех сразу?
Код: jsfiddle.net/a7r2xo43/18

Answer 1

[Владимир Проскурин]

$plus_minus_input = $('input.quantity-input').val();

$('.minus').on('click', function(){
	var $input = $(this).parent().find('input');
  $input.val(parseInt($input.val()) - 1);
 });

$('.plus').on('click', function(){
	var $input = $(this).parent().find('input');
  $input.val(parseInt($input.val()) + 1);
  });

т.е. я беру у текущей кнопки родителя "plus-minus", а в нем ищу инпут (а не во всем документе).

Comments

[Alex_Shevl]

Большое спасибо!!! Всё работает как надо!

Answer 2

[alex]

$('.plus-minus').on('click', e => $('.quantity-input', e.currentTarget).val((i, val) => {
	if (e.target === $('.minus', e.currentTarget)[0]) return val <= 0 ? val : --val;
  if (e.target === $('.plus', e.currentTarget)[0]) return ++val;
}));