jQuery删除::来自元素的css之后

Question

我有css喜欢：

.support-hub .app-detail:after {
    content: "";
    display: table;
    clear: both;
}

Firebug将其显示为

.support-hub .app-detail::after {
    clear: both;
    content: "";
    display: table;
}

在我的代码中我这样做：

$('.support-hub .app-detail:after').css({'display':'inline'});

但是显示属性没有改变。 请帮忙。在使用jQuery进行css操作之后，可用的文档非常少：

Answer 1

一个快速的解决方案是将:: after或:: before样式应用于类（不是主元素）并删除e类

Answer 2

你不能像这样使用after。技术上，jQuery无法通过它访问DOM元素。

只需尝试这样

$('.support-hub .app-detail').css({'display':'inline'});

或者您可以使用next jQuery方法或类似的方法来操作DOM元素。

$('.support-hub .app-detail').next().css({'display':'inline'});

请参阅此Link

Answer 3

您可以将以下代码添加到您的css中：

.support-hub .app-detail.inline:after {
    content: "";
    display: inline;
    clear: both;
}

你可以从javascript中调用它：

$('.support-hub .app-detail').addClass('');