クラスを削除する

Question

私には2つのボタンがあり、1つはカートに商品を追加し、もう1つはカートから商品を削除します。 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がクリックされたときに.add-product[data-product='" + dataProduct + "']からクラスblurを削除するにはdelete-productボタンを伝えることができますか？

Answer 1

これを試してみてください：

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