同一页面中有多个购物车按钮

Question

我正在设计一个购物网站。我正在以这种方式设计，我有超过1个数量的产品和同一页面中的“添加到购物车”按钮。数量是预加载“1”值的下拉列表。因此，当我点击“添加到购物车”按钮时，该页面中的所有产品都会添加到购物车中。如何评价这个？附上了页面外观的示例图片。

我这里没有任何示例代码可供分享。我想知道如何实施。

Answer 1

您可以充分利用$(this)选择器。

以下是我如何使用$(this)选择器确保一次只添加一个项目的示例。

https://jsfiddle.net/8y82zq29/