javascript - 根据参数值使用Jquery删除类

Question

我有以下按钮链接:

<a href="e5f6ad6ce374177eef023bf5d0c018b6" data-id="573" onclick="reEnableBtn(573)">×</a>

以及以下js:

function reEnableBtn(prodId) {

   alert(prodId);
};

到目前为止，一切顺利，单击链接后，我会收到一条内容警报:如预期的 573。

接下来我想做的是使用以下 html:

<a href="/new-page/?add-to-cart=573" class="button product_type_simple add_to_cart_button ajax_add_to_cart added" data-product_id="573">
<i class="fa fa-shopping-cart finished disabled-button"></i>
</a>

在 JS 中，我想添加一个removeClass函数，该函数从 <i> 中删除类“finished”和“disabled-button”其中父级的 data-product_id <a>与 JS 函数中 prodId 的值匹配(因为我还有其他结构相同但 data-product_id 不同的链接)。

我该怎么做？

Answer 1

你可以

1) 使用属性等于选择器来定位具有相同数据产品 ID 的 anchor 元素

2)在上面的 anchor 元素中找到元素i

3)使用removeClass从中删除多个类

function reEnableBtn(prodId) {
   $('[data-product_id=' + prodId + '] i').removeClass("finished disabled-button");
}