jquery - 更改css :after class using jQuery的背景图片

Question

我有一个带有背景图像的 css:afer 属性。有什么方法可以使用 jQuery 更改背景图像。我的CSS类是这样的

.ui-btn-dis-right:after {
    width: 18px !important;
    height: 11px !important;
    background: url(../../../arrow.png) no-repeat center center !important;
    margin-top: -6px;
    content: "";
}

你能告诉我如何使用 jQuery 更改点击功能的背景图片吗？

Answer 1

例如，您可以使用第二个类来覆盖背景:

CSS:

.ui-btn-dis-right:after {
    width: 18px !important;
    height: 11px !important;
    background: url(../../../arrow.png) no-repeat center center !important;
    margin-top: -6px;
    content: "";
}

.ui-btn-dis-right.overwritten:after {
    background: ...
}

JavaScript:

$(".ui-btn-dis-right").addClass("overwritten");