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

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

---

我没有任何示例代码可以在这里共享。我想知道这是如何实现的。

您可以充分利用

$（this）

选择器

下面是一个示例，说明如何使用

$（this）

选择器确保一次只添加一个项目