Как с помощью jquery записать значение в after?

Question

[Сергей Хлопов]

Здравствуйте, подскажите пожалуйста, как с помощью jquery записать значение в псевдоэлемент after ? У меня просто вот уже есть стили для этого псевдоэлемента на скриншоте стрелочкой указал, и необходимо подставить значение с помощью jquery в свойство "content" тоже стрелочкой указал, подскажите пожалуйста как это можно сделать ? Заранее благодарю за ответ

Answer 1

[Stalker_RED]

Вы не можете изменять after через js, т.к. псевдоэлементы какбы не являются частью DOM.

Но можно в css указать, чтобы content в псевдоэлементе брался из data-атрибута родителя.

div:after {
  content: attr(data-zzz);
}

https://jsfiddle.net/pr50z2at/

Answer 2

[Александр Вульф]

Никак. After он на то и псевдоэлемент, что его как бы не существует. Единственный адекватный способ через data-*, attr() и content.

Comments

[Сергей Хлопов]

Понял, благодарю Вас за ответ