Как обратиться к псевдоэлементу через jquery и добавить ховер эффект?

Question

[Максим js]

$('.claim_con p:before').hover(function(e) {
  $('.hero_side__dropdown').css("top",e.type === "mouseenter"?"10px":"-300px")
})

если обратиться просто к .claim_con p то все отрабатывает.

Answer 1

[Алексей Уколов]

Никак, псевдоэлементы недоступны для js.

Answer 2

[zkrvndm]

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

Comments

[Алексей Уколов]

Из кода в вопросе понятно, что проблема не в стиле, а в отлавливании события на псевдоэлементе.

Answer 3

[ForSureN1]

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