清空购物车功能怎么实现
来源:2-7 详情页-购物车(7)
Mickey_J
2020-07-12 16:04:41
清空购物车
1回答
同学你好,老师以源码为例,给同学提供给一个参考思路,同学可以粘贴下面的代码,在源码中测试下,帮助自己更好的理解
// 给清空购物车按钮添加点击事件 $('.shop-bar').on('click', '.clear-car',function (e) { // 修改挂载到choose-item'中的数据 // 获取choose-item'标签。choose-item标签是我购物车中被选中的商品 var $item = $strTop.find('.choose-item'); //循环将所有被选中的商品的标签的chooseCount数据修改为零 for (var i = 0; i < $item.length; i++) { console.log($item[i]); //修改保存在choose-item标签的数据 $($item[i]).data('itemData').chooseCount = 0; } //修改后重新渲染一个页面 renderItems(); //修改后同时也需要联动! $('.left-item.active').click(); });
如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
相似问题