jquery購物車添加刪除是一個非常常見的功能,主要涉及到以下幾個步驟:
//1、點擊添加按鈕,將商品添加進(jìn)購物車(cartList為購物車列表) $('.addBtn').on('click',function(){ var goodsName = $(this).siblings('.goodsName').text(); //獲取商品名 var goodsPrice = $(this).siblings('.goodsPrice').text(); //獲取商品價格 var cartItem = '<li>'+goodsName+'<span>'+goodsPrice+'</span><button class="removeBtn">刪除</button></li>'; //生成購物車列表項 $('.cartList').append(cartItem); //將購物車列表項添加進(jìn)購物車 }); //2、點擊刪除按鈕,將商品從購物車中移除 $('.cartList').on('click','.removeBtn',function(){ $(this).parent().remove(); });
以上就是一個簡單的jquery購物車添加刪除的實現(xiàn)方法。需要注意的是,添加按鈕和刪除按鈕都需要綁定事件,并且刪除按鈕需要使用委托的方式綁定事件,因為購物車列表項是動態(tài)生成的。
上一篇css怎么控制高滿屏
下一篇jquery跟ie的兼容