总结

最新推荐文章于 2025-11-29 13:42:57 发布

原创最新推荐文章于 2025-11-29 13:42:57 发布 · 142 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文详细介绍了购物车中商品显示为空的处理逻辑，以及通过点击删除按钮实现商品从购物车中移除的功能，包括确认弹窗展示、商品信息匹配、购物车列表更新及页面跳转等关键步骤。

购物车显示为空

if(res.length == 0){
    $('.cartbox').remove();
    $('.cart-empty').removeClass('hide');
}

购物车删除

$('.del').click(function(){
    var pid = $(this).parent().parent().parent().find('.sem').data('id');
    var pname = $(this).parent().parent().parent().find('.name').children('a').data('name');
    $('.modal-alert').removeClass('hide');
    $('.modal-back').removeClass('hide');
    $('.btn-primary').click(function(){
        for( var i=0 ; i < res.length ; i++){
            if(pid == res[i].goods_id && pname == res[i].goods_title){
                res.splice(i,1);
                setCookie('shoplist',JSON.stringify(res));
                $(this).parent().parent().parent().parent().parent().remove();
                location.href = "../pages/cart.html";
                break;
            }
        }
        
    })
    $('.btn-gray').click(function(){
        $('.modal-alert').addClass('hide');
        $('.modal-back').addClass('hide');
    })
    
    
})