如何在特定页面上隐藏Div

Question

我正试图在产品页面上隐藏.onsale，为此，我编写了以下代码。我希望将销售徽章隐藏在我的产品页面上。

我正在尝试对此进行编码，以便当点击商店页面上的产品时，它将类.Hideonsale应用于.onsale，因此将类隐藏在产品页面打开时。

JQuery

jQuery( function($) { 
$( ".product" ).on('click', function() {
  $('onsale').addClass("Hideonsale");
 });
});

CSS

.Hideonsale{
display: none !important;
}