色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery購物車添加刪除

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

jquery購物車添加刪除是一個非常常見的功能,主要涉及到以下幾個步驟:

//1、點擊添加按鈕,將商品添加進購物車(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); //將購物車列表項添加進購物車
});
//2、點擊刪除按鈕,將商品從購物車中移除
$('.cartList').on('click','.removeBtn',function(){
$(this).parent().remove();
});

以上就是一個簡單的jquery購物車添加刪除的實現方法。需要注意的是,添加按鈕和刪除按鈕都需要綁定事件,并且刪除按鈕需要使用委托的方式綁定事件,因為購物車列表項是動態生成的。