Как добавить (создать) псевдоэлемент:after с помощью jQuery?

Question

[Назар Линовецкий]

Есть создаваемый "на лету" <div></div> блок с помощью jQuery $('<div></div>');. Нужно как-то добавить к нему (создать) псевдоэлемент :after, аналогично div:after{} в css и прописать для этого элемента css стили, тоже из jQuery.
Как это сделать используя jQuery?

Answer 1

[Сергей Протько]

Никак. Только вставив стили в тег style. У вас нет доступа из JS к псевдоэлементам. Потому они так и называются.

Answer 2

[Вячеслав]

Строго говоря, это возможно сделать:
jsfiddle.net/kng5pqy4
Но это жуткий костыль, оверхед, да и зачем, если можно задать класс заранее и написать к нему стиль?

Comments

[Назар Линовецкий]

Та просто на самом деле интересно стало. Данный вопрос чисто ради удовлетворения любопытства был. Спасибо.

Answer 3

[Сергей Карвасарный]

зачем это делать с помощью Jq? Все что возможно сделать средствами верстки надо делать ими, а не скриптами!

Comments

[Игорь Васильев]

Сейчас поясню:
Есть bootstrap 4 - https://v4-alpha.getbootstrap.com/components/forms...
который стилизовал кнопку загрузки изображения.
Так вот, там чтобы вставить название файла, который выбран, нужно подобраться к
::after {content: ""}
но это не единственное. Есть ещё шутка над спамерами, вставлять в контакты своего сайта e-mail адрес через этот псевдоэлемент. Вы скажете, что он и так его спишет, но ведь весело устроить ему такой сюрприз, чтобы просто выделить и скопировать, спамеру придётся попотеть, так как в исходном коде почты нет, выделить нельзя. Тут неопытному и правда мистикой покажется, как такое возможно. Спамеры же издеваются над нами закидывая на почту всевозможный хлам, отбирая наше драгоценное время. Так вот, программисты для этого случая сделали управляемой вставку почты в псевдокласс. Пусть помучаются, забавно же )) Потеха )) А вообще попасть на конвейер спама так тоже сложнее, парсеры не видят почту.