Question

如何添加/删除：使用jQuery在class之后使用

假设我有以下课程

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

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

我已经google了很多，但我只是得到了.after函数等的例子。

我尝试过以下但是没有用

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

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

Img.parent().addClass(VignetteVal);

但上面的代码添加了vignetteC2：课后到div 喜欢

<div class="vignetteC2: after">

Answer 1

你对:after的内容感到非常困惑。这是一个伪元素。它不是一个类，也不是DOM结构的一部分，因此无法使用javascript进行编辑或添加。

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

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

如何添加/删除：使用jQuery在class之后使用div

1 个答案: