删除本地存储中的此项(javascript)

时间:2018-06-26 21:42:39

标签: javascript jquery

我将代码分为两部分。 Div .addtobasket将项目添加到购物车并保存在localStorage中。 Div .deleteitembasket从购物篮中删除该项目,并从localStorage 删除所有数据

我正试图使其从内存中删除本地存储仅此一项,我将删除其余部分,而保持不变。

$(document).on("click", ".addtobasket", function () {

        $("#kontener_koszyka").fadeIn();

        var nazwa = $(this).closest('.produkt').find('.nazwa').text();
        var cena = $(this).closest('.produkt').find('.cenaprzedmiotu').text();

        var suma = 0;

        var li = "<li class='produkt_w_koszyku'><b>" + nazwa + "</b> <span class='cena_w_koszyku'>" + cena + " zł</span><span style='float: right; margin-right: 30px;' class='deleteitembasket'><i class=\"fas fa-times\"></i></span></li>";

        $("#koszyk").append(li);

        localStorage.setItem('itemlist', (localStorage.getItem('itemlist') || '') + li);

        $("#koszyk .cena_w_koszyku").each(function () {
            suma += parseFloat($(this).text());
        });

        $("#cena span").text(suma.toFixed(2));
        localStorage.setItem('sumalist', suma.toFixed(2));
    });

    $(document).on('click', '.deleteitembasket', function () {

        var nazwa = $(this).closest('.produkt').find('.nazwa').text();
        var cena = $(this).closest('.produkt').find('.cenaprzedmiotu').text();

        var suma = 0;

        var li = "<li class='produkt_w_koszyku'><b>" + nazwa + "</b> <span class='cena_w_koszyku'>" + cena + " zł</span><span style='float: right; margin-right: 30px;' class='deleteitembasket'><i class=\"fas fa-times\"></i></span></li>";

        $(this).closest("li").remove();
        /* this line remove all items in localStorage. */ localStorage.removeItem('itemlist', (localStorage.getItem('itemlist') || '') + li);

        $("#koszyk .cena_w_koszyku").each(function () {
            suma += parseFloat($(this).text());
        });

        $("#cena span").text(suma.toFixed(2));
        localStorage.setItem('sumalist', suma.toFixed(2));
    });

    if (localStorage.getItem('itemlist') != null) {
        $("#koszyk").append(localStorage.getItem('itemlist'));
        $("#cena span").text(localStorage.getItem('sumalist'));
    }

0 个答案:

没有答案