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

jquery購物車添加刪除

何燕霞1年前8瀏覽0評論

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)生成的。