使用jquery隐藏css类

我想用jquery删除一个css类。我有以下javascript代码：

$(document).ready(function(){

const datacount = $('#datacount')
const badge = datacount.parent('.badge')

const config = {
  url: 'controllers/ctrl_admin_view_notification.php',
  success (res) {
    if (Number(res)) {
      datacount.text(res)
      badge.show() 

    } else {
      badge.hide()

    }
  },
  error () {
    badge.hide()
  }
}

$.ajax(config)
window.setInterval($.ajax, 100000, config)

});

这是我的html代码：

<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">

<i class="icon-bell"></i>
<span class="badge badge-success"><div id="datacount"></div></span>
</a>

然后在html代码中插入类

<span class="badge badge-success hidden"><div id="datacount"></div</span>

---

尝试使用
datacount.parent（）.removeClass（“隐藏”）

在你那一排
使用
style=“display:none；”“
，因为jquery的show和hide方法使用display属性来显示和隐藏元素。他们通过将其作为内联样式应用来实现

内联样式通常覆盖CSS样式，所以您的初始答案应该有效，除非您设置了！重要或正在使用的样板文件也有一个隐藏的类！重要的
 So$（.hidden”）.removeClass（“hidden”）；不起作用？您是否尝试过
$（选择器）。removeClass（“隐藏”）
您好，我尝试过removeClass，它可以工作，但它没有正确格式化css，结果是一个可怕的图标，它只需添加
<span class="badge badge-success hidden"><div id="datacount"></div</span>