Javascript 使用jQuery删除::after CSS样式

Javascript 使用jQuery删除::after CSS样式,javascript,jquery,css,Javascript,Jquery,Css,我有一个CSS文件,它指定了一个类(“查看性能””)的:after样式 使用jQuery(因为我的JS文件包含业务逻辑),如何删除基于业务逻辑的:after样式?使用jQuery无法访问伪元素 $('.view-performance:after').css('display','none'); 但是您可以使用css,并使用.addClass()/.removeClass() 下面是一个示例,您如何通过添加css类删除伪元素:after: 你的JS: $('.view-performance'

我有一个CSS文件,它指定了一个类(“
查看性能”
”)的
:after
样式


使用jQuery(因为我的JS文件包含业务逻辑),如何删除基于业务逻辑的
:after
样式?

使用jQuery无法访问伪元素

$('.view-performance:after').css('display','none');
但是您可以使用css,并使用
.addClass()
/
.removeClass()

下面是一个示例,您如何通过添加css类删除伪元素
:after

你的JS:

$('.view-performance').addClass('without-after-element');
您的CSS:

.view-performance:after {
  content: 'i go after';
}
.view-performance.without-after-element:after {
  content: none;
}
您也可以检查此问题: