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 でアクセスすることはできません。

代替案の 1 つは、要素のクラスを (異なる疑似要素で) 変更することです。

例えば：

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

そして、JS から次のことを行います。$('.obfuscate').removeClass('oxy').addClass('oxyb');