Is it safe to use :after-selector with jquery=

Question

I want to trigger a function when clicking a :after

For example

.foo:after{
    content: "read more";
}


$('foo:after').click(myFunction);

Will this cause any fuzz?

:after is a CSS pseudo class, there is no DOM element targeted by this selector — A. Wolff, Jul 31 '13 at 13:50

score 1 · Answer 1 · edited May 23 '17 at 12:20

1

You cannot detect or trigger events on pseudo-elements as they are not part of the Document Object Model.

edited May 23 '17 at 12:20

Community

answered Jul 31 '13 at 13:50

rink.attendant.6

score 1 · Answer 2 · answered Jul 31 '13 at 13:50

1

Yes, :after is a pseudoselector which isn't part of the dom.

answered Jul 31 '13 at 13:50

Tdelang

score 1 · Answer 3 · answered Jul 31 '13 at 13:52

1

$('foo:after')

Sorry, but this won't work. The :after pseudo-element is not available to your Javascript code.

answered Jul 31 '13 at 13:52

Spudley

3 Answers3