Как сделать правильное сложение инпутов чтоб они не затрагивали другие?

Question

[SD PANDAREN]

После добавления товара на нём выходит окошко с количеством добавленного товара в корзину оно реализовано(костылём) подсчётом инпутов, и если товара 2 на странице то складывает все инпуты вместе:

те товары у которых есть дубли допустим их 2 на странице то при клике на добавить в корзину он добавит +1 но отобразит на товаре 2 а по факту в корзине будет 1 и если указать в инпуте где плюс и минус 10 товаров допустим он добавит 10 но отобразит на товаре 2

код:

$(document).on('click', '.rasprodaja .post-<?php the_ID(); ?> .add_to_cart_button', function(e) {
        $( ".post-<?php the_ID(); ?> .dobavlannovcart" ).show();

        var glavnikolvo1 = $(".rasprodaja .post-<?php the_ID(); ?> .kuplukolvoinput .qty").val();
        var natovarkolvo1 = $(".rasprodaja .post-<?php the_ID(); ?> .dobavlannovcart .qty").val();
        var res1 = parseInt(glavnikolvo1) + parseInt(natovarkolvo1);

        $('.post-<?php the_ID(); ?> .dobavlannovcart .qty').val(res1); 
    });

    $(document).on('click', '.osobenoorecomenduem .sliderproducthitbestselcust .post-<?php the_ID(); ?> .add_to_cart_button', function(e) {
        $( ".post-<?php the_ID(); ?> .dobavlannovcart" ).show();

        var glavnikolvo2 = $(".osobenoorecomenduem .sliderproducthitbestselcust .post-<?php the_ID(); ?> .kuplukolvoinput .qty").val();
        var natovarkolvo2 = $(".osobenoorecomenduem .sliderproducthitbestselcust .post-<?php the_ID(); ?> .dobavlannovcart .qty").val();
        var res2 = parseInt(glavnikolvo2) + parseInt(natovarkolvo2);

        $('.post-<?php the_ID(); ?> .dobavlannovcart .qty').val(res2); 
    });

    $(document).on('click', '.alm-ajax .post-<?php the_ID(); ?> .add_to_cart_button', function(e) {
        $( ".post-<?php the_ID(); ?> .dobavlannovcart" ).show();

        var glavnikolvo3 = $(".alm-ajax .post-<?php the_ID(); ?> .kuplukolvoinput .qty").val();
        var natovarkolvo3 = $(".alm-ajax .post-<?php the_ID(); ?> .dobavlannovcart .qty").val();
        var res3 = parseInt(glavnikolvo3) + parseInt(natovarkolvo3);

        $('.post-<?php the_ID(); ?> .dobavlannovcart .qty').val(res3); 
    });

    $(document).on('click', '.search-results .post-<?php the_ID(); ?> .add_to_cart_button', function(e) {
        $( ".post-<?php the_ID(); ?> .dobavlannovcart" ).show();

        var glavnikolvo4 = $(".search-results .post-<?php the_ID(); ?> .kuplukolvoinput .qty").val();
        var natovarkolvo4 = $(".search-results .post-<?php the_ID(); ?> .dobavlannovcart .qty").val();
        var res3 = parseInt(glavnikolvo4) + parseInt(natovarkolvo4);

        $('.post-<?php the_ID(); ?> .dobavlannovcart .qty').val(res4); 
    });

Comments

[Степан Крапивин]

вы точно "fullstack developer"? :D

[SD PANDAREN]

Степан, ну а как ещё назвать человека который делает всё и на всём:D

[Степан Крапивин]

Stas Dorohov, тех кто кодит на всём но не умеют толком ничего путнего написать, обычно называют "быдлокодерами"

А по вопросу: Может запоминать хотябы в куки какой товар (id товара) и сколько добавлено в корзину? И выводить соответственно в корзине значения из куков.

Куда сохраняется количество добавленного товара?

[SD PANDAREN]

Степан, сохраняются в корзину. Работает в принципе нормально если 1 товар проблема в том что неправильно считаются инпута если есть ещё такой же товар на страницы. Можете протестировать на сайте с товаром которых 2.
Например "петрушка" их 3 добавляет в корзину то количество что указано в инпуте с плюсом и минусом а выводит в верхний инпут каждый раз +3

[Степан Крапивин]

Stas Dorohov, так не надо считать инпуты. Значение количества товара нужно брать из "корзины" и хранить в ней же.

[Степан Крапивин]

Stas Dorohov, зачем инпуты-то считать?
Когда пользователь меняет значение в инпуте, отсылаем значения id-товара и количество на сервер, где сохраняется вся корзина в сессии пользователя.

[SD PANDAREN]

Степан, мне было так сделать проще

[Степан Крапивин]

Stas Dorohov, ну хорошо. А что мешает считать не все инпуты а только первой попавшегейся карточки товара на странице?

[ой всё]

а зачем у вас один и тот же код 4 раза написан?
неудивительно, что вам так сложно быть разработчиком

Answer 1

[zoozag]

Вместо:
$(".rasprodaja .post-<?php the_ID(); ?> .dobavlannovcart .qty")

$(this).closest(' .post-<?php the_ID(); ?>').find('.dobavlannovcart .qty')
Понятна логика?

Comments

[zoozag]

А вообще подумайте над тем что у вас один и тот же код повторяется для каждого товара на странице, а можно написать один раз для всех товаров

[SD PANDAREN]

Спасибо! Но не помогло:( Результат тот же что и с моим вариантом