jquery - 如何获取样式内容并将其移至上一个？

Question

例如，我有：

<span class="obfuscate oxy">abc</span>
<style>.oxy::after{content:"n";}</style>

<span class="obfuscate sin">text 1<span class="a">text in span</span>text 2</span>
<style>.sin::after{content:"h";}</style>

并希望它变成这样：

n
<span class="obfuscate oxy">abc</span>

h
<span class="obfuscate sin">text 1<span class="a">text in span</span>text 2</span>

如何使用 JQuery？

Answer 1

您不能使用 JavaScript（或任何客户端库）来执行此操作。伪元素::after，::before不是DOM 的一部分，不能用 JavaScript 访问。

一种替代方法是更改​​元素的类（具有不同的伪元素）。

例如：

.oxy::after{content:"n";}
.oxyb::before{content:"n";}

然后，从 JS 做：$('.obfuscate').removeClass('oxy').addClass('oxyb');