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出现。当按下删除产品按钮时，我想删除类blur。

我有点隐藏delete-product按钮的和平代码。我想用它从add-product按钮中删除类blur。

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按钮被点击delete-product时从.add-product[data-product='" + dataProduct + "']删除类blur？

Answer 1

试试这个：

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