Как сделать уникальное количество товара?

Question

[devmo]

Есть список товаров, у которых можно с помощью + и - добавлять или отнимать кол-во, которое можно купить https://jsfiddle.net/pnnha2a6/3/
Подскажите, как сделать, чтобы это количество было уникальное для каждого товара? На данный момент работает только с первой записью

Answer 1

[Максим Тимофеев]

на данный момент не вижу там ни одной проверки подобной. Ни для первого ни для какого. Если надо перебрать значение и сравнить есть each
api.jquery.com/jquery.each
Перебираете те что есть и меняете значение только если нет совпадений

Comments

[devmo]

У меня не 2 записи товара, а более 150. И? У каждого из 150 товара есть такой блок с кнопками, где можно указать кол-во покупаемого товара. Может как-то можно уникальный класс сделать или добавить атрибут к кнопке "В корзину" со значением, которое будет = кол-ву выбранного товара

[Максим Тимофеев]

devmo: Вы хотите что бы человек который заказал 100 машинок не смог заказать 100 плееров? Зачем? Но хрен с ним. Я прав или не понял вопрос?

[devmo]

Максим Тимофеев: я хочу, чтобы человек, который заказал 100 машинок, смог заказать X- плееров, или Х-самокатов и т.д. Для каждого товара блок с указанием кол-ва свой. Еще раз( Если чел заказал 100 машинок, то в плееров будет столько, сколько он ввел в поле для добавления в корзину

[Максим Тимофеев]

devmo: "количество было уникальное для каждого товара" - это значит один товар не может иметь кол-во такое же как у другого

[devmo]

Максим Тимофеев: нет, это не так. Под словом уникальность имеется в виду то, ЧТО блок с кол-вом не связаны между собой.
СЕЙЧАС, если я добавляю товар, указав Х количество ДЛЯ ПЕРВОГО товара(Самый первый в списке), то в корзину добавляется то, что я ввел. НО, когда я редактирую кол-во ВТОРОГО и СЛЕД. ТОВАРОВ, то добавляется СТОЛЬКО, сколько было указано для ПЕРВОГО товара. Из этого следует, что скрипт не МОЖЕТ определить КОЛИЧЕСТВО для того товара, на который нажали "В КОРЗИНУ".
Теперь понятней?

[Максим Тимофеев]

devmo: значит ошибка там где /* тут аякс. */ но что там Вы не показали. Конкретно место где получаете кол-во

[Максим Тимофеев]

devmo: Я бы кстати кол-во и кнопку "в корзину" вставил бы в общий див, что бы у каждого блока был свой общий родитель, тогда проще долезть до input по клику на корзину и брать его значение.

[devmo]

Максим Тимофеев: обновил ссылку

[Максим Тимофеев]

devmo: В Вашем ajax вообще нет передачи кол-ва. Никакого. id и action, а вероятно num еще какой-нибудь нужен. И когда объявляете переменные, пишите var иначе много гемора будет.
Сделайте общий div как я говорил, например с классом "busket-group"

$('.add-to-cart').on('click',function() {
   
    var id = $(this).attr('data-id');
    var addToBasket = $(this).attr('data-action');
    var num = $(this).closest('.busket-group').find('input.item-count').val();
		
    $.ajax({
      type: 'POST',
      url: 'cart.php',
      data: { id : id, action: addToBasket, num: num},
      success:function (data) { 
        $('.cart-content').html(data);
      },    
    });
  });

[devmo]

Максим Тимофеев: ну в общем-то есть, но я не добавил) Мне нужно было узнать как через this обратиться к инпуту. Вы показали, спасибо. Буду пробовать

[Максим Тимофеев]

devmo: Так бы и спросили

[devmo]

Максим Тимофеев: я думал как-то иначе можно сделать. По этому общий вопрос задал) еще раз спаибо

[Максим Тимофеев]

devmo: заходите еще

[devmo]

Максим Тимофеев: сделал такое, не меняя верстку ибо надо переделывать ее.
$(this).parent().parent().find('.group-buttons').find('input.item-count').val();

[Максим Тимофеев]

devmo: костыль конечно, но работать должно

[devmo]

Максим Тимофеев: да, работет. Но короче сделать нельзя( Не в одном блоке

[Максим Тимофеев]

devmo: проще если при смене val у input искать ближайший add-to-cart и менять ему data-num например. Тогда:

$('.item-count').on('change',function(){
$(this).closest('.group-buttons').next().find('.add-to-cart').data('num',$(this).val());
});

[Максим Тимофеев]

devmo: ну и потом при клике на корзину просто его data-num брать

[devmo]

Максим Тимофеев: в качестве альтернативы пойдет) спасибо