当用户单击传递值的SS级别函数时，jquery被分类

在我的在线商店页面中，我有几个项目，用户可以单击添加到购物车中

<a class="btn add2Cart" href="#">Add item 123to Cart</a>
<a class="btn add2Cart" href="#">Add item 456 to Cart</a>

是的

您可以更改HTML吗？如果你能做到：

<a class="btn add2Cart" data-product-number="123" href="#">Add item 123to Cart</a>
<a class="btn add2Cart" data-product-number="456" href="#">Add item 456 to Cart</a>

如果您通常通过单击链接将产品添加到购物车中，则可以进行ajax调用，将您的产品添加到购物车中，making是这样的：

$('.add2Cart').click(function() {
  var productNumber = $(this).attr('data-product-number');

  // add to the cart using productNumber
  $.ajax({
    url: '/path/to/cart',
    data: {
      'product_id' : productNumber
    },
    success: function(){
      console.log('Product number '+productNumber+' was added to the cart.');
    }
  });

}

---

遗漏的细节太多，无法提供太多帮助。项目值将与项目本身相关。可能类似于

$（this）。下一步（'input'）

？或者您可以将一个数据对象绑定到包含该信息的

a

：

$（this.data（'value'）

？顺便说一下，你不需要使用

a

标签来让某些东西可以点击

$('.add2Cart').click(function() {
  var productNumber = $(this).attr('data-product-number');

  // add to the cart using productNumber

}

$('.add2Cart').click(function() {
  var productNumber = $(this).attr('data-product-number');

  // add to the cart using productNumber
  $.ajax({
    url: '/path/to/cart',
    data: {
      'product_id' : productNumber
    },
    success: function(){
      console.log('Product number '+productNumber+' was added to the cart.');
    }
  });

}