Как с помощью jquery искать элементы с псевдоклассом?

Question

[Max1102]

Есть элемент с классом .hamburger__menu_icon и также "hamburger__menu_icon:before" . Мне нужно прописать добавление класса к "hamburger__menu_icon:before".

Написал так:
$('.hamburger__menu_icon:before').toggleClass('hamburger__close_before');
Не работает.

Answer 1

[Леонид Князев]

Никак. На то они и псевдо-элементы. Из JS к ним доступа нет.
Влиять на их поведение можно дополнительными классами у самого элемента и разными стилями для псевдо-элементов для этих классов.

Answer 2

[zkrvndm]

Псевдо элементы напрямую не отредактировать, вы можете предопределить их добавив новые стили инлайново:

jQuery('head').append('<style> .hamburger__menu_icon:before { border: 2px dashed #FF0000; } </style>');

Например, этим кодом можно добавить на страницу новый стиль, внутри стиля я присвоил псевдо элементу красный бордюр.