删除onClick类

Question

我有2个按钮，一个用于将产品添加到我的购物车，另一个用于从我的购物车中删除产品。现在，当您点击add product时，会在添加按钮blur中添加一个类。使用此代码：

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

这也会使按钮delete-product出现。我想在按下delete-product按钮时删除类blur。

我有一些代码可以隐藏delete-product按钮。我想用它从blur按钮中删除课程add-product。

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

我尝试将以下代码添加到hideDel功能，但这不起作用，因为您没有点击add-product按钮。

$(".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" );
});

如果点击delete-product，如何告诉blur按钮从.add-product[data-product='" + dataProduct + "']删除课程delete-product？

Answer 1

试试这个：

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