Question

我做了一个简单的jquery购物车。如果您按下.addtobasket，它将把商品添加到购物篮并添加价格。

，但我还添加了li span deleteitembasket。我尝试使其在按下并减去价格后从该商品中删除整个li。

$("body").on("click", ".addtobasket", function (evt) {
    $("#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);

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

$(".deleteitembasket").click(function() { ... ?? };

    $("#cena span").text(suma.toFixed(2));
});

编辑：

此代码有效，但是购物车中的总和不会自动刷新（添加新商品后）

    $("body").on("click", ".addtobasket", function (evt) {

    $("#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);

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

$(document).on('click','.deleteitembasket', function () {
    $(this).closest("li").remove();
});

Answer 1

@ FSp1333，由于正在动态创建deleteitembasket，因此需要在document.ready内部调用此按钮的click事件。

尝试

$(document).ready(function () {
     $(document).on('click','.deleteitembasket', function () {
         $(this).closest("li").remove();
     });
     $("#cena span").text("");
     $("#koszyk .cena_w_koszyku").each(function()
     {
         suma += parseFloat($(this).text());
     });
     $("#cena span").text(suma.toFixed(2));
 });

让我知道这种情况对您有用吗？

删除购物卡中的商品篮（jquery）

1 个答案: