根据参数值使用jQuery移除指定元素的类

好的，这个需求很容易实现，咱们只需要在现有的reEnableBtn函数里添加几行jQuery代码就能完成。

修改后的完整函数代码 #

function reEnableBtn(prodId) {
    // 保留原有的弹窗功能
    alert(prodId);
    
    // 定位对应data-product_id的元素并移除指定类（这里以移除`added`类为例）
    $(`a[data-product_id="${prodId}"]`).removeClass('added');
};

代码说明 #

1. 精准定位元素：使用jQuery的属性选择器[data-product_id="${prodId}"]，结合模板字符串动态拼接prodId值，确保能准确找到你要操作的那个按钮元素。
2. 移除指定类：调用removeClass('added')方法即可移除目标元素上的added类。如果需要移除多个类，只需用空格分隔类名，比如removeClass('added ajax_add_to_cart')。

可选的精准优化 #

如果页面中存在多个带有相同data-product_id的元素，你可以通过添加类选择器来缩小范围，避免误操作其他元素：

$(`a.button.product_type_simple.add_to_cart_button[data-product_id="${prodId}"]`).removeClass('added');

这样只会匹配同时包含button、product_type_simple、add_to_cart_button类和对应data-product_id的元素，安全性更高。

注意：确保你的页面已经正确引入了jQuery库，否则上述代码无法正常运行。

内容的提问来源于stack exchange，提问作者Zain