利用 jQuery 操作页面元素的方法，实现电商网站购物车页面商品数量的增加和减少操作，要求单项价格和总价随着数量的改变而改变
以下是实现购物车商品数量增加和减少的示例代码：
HTML 部分：
<button class="item-count-btn decrement">-</button>
<input type="text" class="item-count" value="1">
<button class="item-count-btn increment">+</button>jQuery 部分：
$(document).ready(function(){
// 减少商品数量
$('.decrement').click(function(){
var $input = $(this).siblings('.item-count');
var value = parseInt($input.val(), 10);
if (value > 1) {
$input.val(value - 1);
}
});
// 增加商品数量
$('.increment').click(function(){
var $input = $(this).siblings('.item-count');
$input.val(parseInt($input.val(), 10) + 1);
});
});确保在你的页面中引入了 jQuery 库，这样上述代码才能正常工作。
评论已关闭