Javascript 删除类onClick

我有两个按钮，一个用于向购物车添加产品，另一个用于从购物车中删除产品。现在，当您单击添加产品时，一个类被添加到添加按钮

blur

。使用此代码：

function showDel($this) {
  var dataProduct = $this.attr("data-product");
    $(".delete-product[data-product='" + dataProduct + "']").show();
    $(".add-product[data-product='" + dataProduct + "']").addClass( "blur");
}

这也会出现按钮

删除产品

。我想在按下“删除产品”按钮时删除类

blur

我有一点代码的平静，隐藏了

delete product

按钮。我想用它从

添加产品

按钮中删除类

模糊

function hideDel($this) {
  $this.hide();
} 

我尝试将下面的代码添加到

hideDel

函数中，但这不起作用，因为您没有单击

addproduct

按钮

function hideDel($this) {
  $this.hide();
} 

$（“.add-product[data-product=”“+dataProduct+”]”）removeClass（“blur”）

这也不行

$('.delete-product').click(function() {
  $(".add-product[data-product='" + dataProduct + "']").removeClass( "blur" );
});

这是可行的，但它会从所有按钮中删除该类：

$('.delete-product').click(function() {
    $(".add-product").removeClass( "blur" );
});

我如何告诉
删除产品
按钮从
中删除类
模糊
。单击
删除产品
时添加产品[data product='“+dataProduct+'”]

function hideDel($this) {
    var dataProduct = $this.attr("data-product");
    $this.hide();
    $(".add-product[data-product='" + dataProduct + "']").removeClass("blur");
} 

抱歉，我没有看到var。这很好用！谢谢