Получить стоимость товаров в корзине и соответственно удалить товар

Question

Итак, я пытаюсь создать систему типа stock , в которой, когда пользователь нажимает кнопку, он проверяет, какие элементы находятся в корзине, их имена и итоговая цена одного продукта.

Так что, если промежуточный итог составляет 1 $ , я знаю, что количество этого продукта составляет 1 , а затем вычтите его из запаса в базы данных MySQL, и если промежуточный итог составляет 2 $ , я знаю, что количество составляет 2 , и вычтите 2 из запаса этого специфика c product.

То, что я до сих пор делал, это получил первый h4 текст и проверил, равно ли оно названию продукта, а затем проверил цену, чтобы получить количество, и все это было бы в оператор if else, который является довольно плохим способом сделать это, так как я должен был бы сделать около 360 , если еще проверил.

Это пример того, как может выглядеть корзина для покупок. может быть больше товаров в корзине или цена может быть больше так как количество на один продукт может быть выше

<div class="list-group sc-cart-item-list">
    <div class="sc-cart-item list-group-item" data-unique-key="1586696968143">
        <button type="button" class="sc-cart-remove">×</button>
        <img class="img-responsive pull-left" src="">
        <h4 class="list-group-item-heading">Iphone 11 6.1</h4>
        <p class="list-group-item-text">Yellow</p>
        <div class="sc-cart-item-summary">
            <span class="sc-cart-item-price">19,99&nbsp;€</span> × <input type="number" min="1" max="1000" class="sc-cart-item-qty" value="1"> = <span class="sc-cart-item-amount">19,99&nbsp;€</span>
    </div>
</div>

<div class="sc-cart-item list-group-item" data-unique-key="1586697501762">
    <button type="button" class="sc-cart-remove">×</button>
    <img class="img-responsive pull-left" src="">
    <h4 class="list-group-item-heading">Iphone XS Max</h4>
    <p class="list-group-item-text">Orange</p>
    <div class="sc-cart-item-summary">
        <span class="sc-cart-item-price">19,99&nbsp;€</span> × <input type="number" min="1" max="1000" class="sc-cart-item-qty" value="1"> = <span class="sc-cart-item-amount">19,99&nbsp;€</span>
    </div>
</div>
</div>

Это сценарий, который у меня есть до сих пор, но, как правило, он очень плох, поскольку, прежде всего, часть, где я проверяю цену в операторе if, не работает и Я должен был бы сделать это 360 раз для каждого возможного количества, которое кто-то может купить, и для каждого возможного варианта продукта

<script type="text/javascript">

$(document).ready(function() {
    $("#vbutton").click(function() {
        alert("clicked");
        var w = $('h4', '').first().text();
        //console.log(v);

        var a = $('.sc-cart-item-amount', '').first().text();
        //console.log(a);



        if (w !== '') {

            console.log("Hi");

            if (w == "Iphone 11 6.1") {

                console.log(a);
                if (a == '19,99 €') {
                    console.log("removed 1 from database");
                }

            }


        }

    });
});

</script>

Затем мне нужно будет сделать это для второго, третьего, четвертого и т. Д. Текста это может быть в корзине. Я был бы очень признателен за любую возможную помощь, спасибо.

Answer 1

Вы хотите сказать, что хотите разобрать '' 19, 99 € ''?

parseInt('19,99 €'.replace(/,/g, ''));
// 1999

Тогда вы можете сделать некоторые вычисления и получить количество.