javascript - 如何添加/删除 :after class to div using jQuery

Question

我们如何使用 jQuery 添加/删除 :after 类到 div

假设我有以下类(class)

.vignetteC1:after { ... }
.vignetteC2:after { ... }
.vignetteC3:after { ... }
.vignetteC4:after { ... }
.vignetteC5:after { ... }

如果我们想使用 jQuery 将课后添加到潜水中，我们该怎么做。 ？

我用谷歌搜索了很多，但我只得到了一个 .after 函数的例子等等。

我已经尝试了以下但它不起作用

var VignetteVal = 'vignetteC' + value + ':after';

for (var i = 1; i <= 5; i++) {
  Img.parent().removeClass(('vignetteC' + i + ':after'));
}

Img.parent().addClass(VignetteVal);

但是上面的代码添加了vignetteC2: after class to div喜欢

<div class="vignetteC2: after">

Answer 1

你对 :after 是什么感到很困惑。它是一个伪元素。它不是一个类，也不是 DOM 结构的一部分，因此不能使用 javascript 编辑或添加它。

在这里阅读更多> https://www.w3schools.com/css/css_pseudo_elements.asp

:after 伪元素在元素内容之后添加内容。这不是一个类。要在元素后添加内容，您可以使用 insertAfter() 或使用 append 在当前元素的末尾添加内容。此外，还有一个 after() 方法

• insertAfter()

• append()

• after()