Задать вопрос
fruity4pie
@fruity4pie
A

Как правильно реализовать карточки товаров на jquery?

5a1c18a7b662c852709877.png

Как сделать так, чтобы из n-го количества карточек у всех были разные значения ?

var aMinus = $('.produce__item .amount .amount__minus');
    var aNumber = $('.produce__item .amount .amount__number');
    var aPlus = $('.produce__item .amount .amount__plus');
    var aNumberValue = 1;

    aMinus.each(function(i, e) {
        $(this).on('click', function() {
            event.preventDefault();
            aNumber.each(function(ind, elm) {
                if(i == ind) {
                    if(aNumberValue <= 1) {
                        aNumberValue = 1
                        $(this).val(aNumberValue)
                        return
                    }
                    aNumberValue--
                    $(this).val(aNumberValue)
                }
            })
        })
    })
    aPlus.each(function(i, e) {
        $(this).on('click', function() {
            event.preventDefault();
            aNumber.each(function(ind, elm) {
                if(i == ind) {
                    if(aNumberValue >= 1000) {
                        aNumberValue = 1000
                        $(this).val(aNumberValue)
                        return
                    }
                    aNumberValue++
                    $(this).val(aNumberValue)
                }
            })
        })
    })


Сейчас у всех карточек одна переменная, которая хранит значение val. Неужели на каждую карточку нужно вешать отдельную переменную ? Есть более универсальное решение ?
  • Вопрос задан
  • 504 просмотра
Подписаться 1 Простой 6 комментариев
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillbox
    JavaScript
    3 месяца
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы