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