Javascript 如何从forEach中创建的具有不同值的隐藏字段中获取值？

我最近一直在使用jquery。我需要删除通过forEach创建的隐藏字段中的参数，即在class=“productID”下的值​​它们是不同的。如何单击按钮仅从所需的隐藏字段获取值

${sessionScope.successAdded}

jQuery（文档）.ready（函数（）{
$（'.addProductToCart'）。在（'click'，函数getPage（）上{
var id=$（this.find（'.productID'）.val（）；
警报（id）；
$.ajax({
键入：“获取”，
网址：“购物车”，
数据：“productID=”+id，
成功：功能（第页）{
$（“#页眉”）。正文（第页）；
$（“#productCount”）.text（“+page['productCount']+”）；
}
});
});

---

我在我的实现中得到了未定义的值

这里有两个问题。首先，隐藏元素上有一个

类

，因此需要在选择器前面加一个

，例如

.productID

其次，您正在使用单击按钮中的

find（）

查找隐藏字段，但它不是此元素的子元素。相反，它是父元素兄弟的子元素。因此，您需要将

closest（）

、

prev（）

和

find（）

组合以检索它，如下所示：

jQuery（文档）.ready（函数（）{
$（'.addProductToCart'）。在（'click'，函数getPage（）上{
var id=$（this）.closest（'.fashion view'）.prev（'a'）.find（'.productID'）.val（）；
console.log（id）；
$.ajax({
键入：“获取”，
网址：“购物车”，
数据：{productID:id}，
成功：功能（第页）{
$（“#页眉”）。正文（第页）；
$（“#productCount”）.text（“+page['productCount']+”）；
}
});
});
});