欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery購物車增加刪除

孟夢涵1年前7瀏覽0評論

在現今的電商網站中,購物車是必不可少的功能之一。用戶通過購物車可以將自己需要的商品添加進去,方便隨時查看,修改和結算。那么在實現購物車功能過程中,使用jQuery可以簡化很多的代碼,本文將介紹如何使用jQuery實現購物車增加刪除操作。

//定義數組用來存儲購物車中的商品
var cart=[];
//增加商品到購物車中
$('.add-btn').click(function(){
var goodsId=$(this).parents('.goods-item').find('.goods-id').val();
var goodsName=$(this).parents('.goods-item').find('.goods-name').text();
var goodsPrice=$(this).parents('.goods-item').find('.goods-price').text();
var goodsImg=$(this).parents('.goods-item').find('.goods-img').attr('src');
var goodsNum=1;
//判斷購物車中是否存在該商品,如果存在則數量加1,否則添加一個新的商品對象
var index=cart.findIndex(function(item){
return item.goodsId==goodsId;
});
if(index==-1){
var goods={
goodsId:goodsId,
goodsName:goodsName,
goodsPrice:goodsPrice,
goodsImg:goodsImg,
goodsNum:goodsNum
};
cart.push(goods);
}else{
cart[index].goodsNum++;
}
});
//刪除購物車中的商品
$('.del-btn').click(function(){
var goodsId=$(this).parents('.cart-item').find('.cart-goods-id').val();
//查找這個商品再購物車數組中的索引
var index=cart.findIndex(function(item){
return item.goodsId==goodsId;
});
//從購物車數組中移除這個商品對象
cart.splice(index,1);
});

以上代碼中,通過點擊“加入購物車”按鈕,獲取到商品的信息,并根據商品id查找購物車數組中是否已經存在該商品對象。如果存在則將該商品對象的數量屬性加1,否則添加一個新的商品對象到購物車數組中。通過點擊“刪除”按鈕,根據商品id查找購物車數組中該商品對象的索引,并移除該商品對象。