jquery添加商品到购物车

在jQuery中，添加商品到购物车通常涉及以下几个步骤：

1. **选择元素**：首先，你需要找到代表商品信息的HTML元素，比如按钮、复选框等，然后获取它的值或属性。

var product = $('#productSelector').val(); // 获取商品ID 或者价格等信息

2. **创建数据对象**：你可以创建一个包含商品信息的对象，如`{id: product, quantity: 1}`，如果需要支持数量选择，就包括`quantity`属性。

3. **处理事件**：在点击“加入购物车”按钮时，绑定了一个`click`事件处理器，这个处理器会将商品添加到购物车数组或模型中。

$('#addToCartButton').on('click', function() {
    var cart = $.extend({}, cart, { // 如果cart已存在，使用$.extend合并新商品
        products: cart.products.concat({ product, quantity }) // 否则直接添加
    });
});

4. **存储购物车**：这里可以是简单的本地存储（如localStorage），也可以发送Ajax请求到服务器保存。示例是使用localStorage：

localStorage.setItem('shoppingCart', JSON.stringify(cart));

相关问题

jQuery点击商品添加到购物车

你可以使用以下代码实现：

首先在 HTML 中添加一个按钮和一个标识商品的 ID：

<button class="add-to-cart" data-product-id="123">Add to Cart</button>

然后，在 JavaScript 中使用 jQuery 监听按钮的点击事件，获取商品 ID，并将其添加到购物车中：

$(document).ready(function() {
  $('.add-to-cart').click(function() {
    var productId = $(this).data('product-id');
    // 向购物车添加商品逻辑
    console.log('Product ' + productId + ' added to cart!');
  });
});

你需要根据实际情况替换掉 `console.log` 部分的代码，实现将商品添加到购物车的逻辑。