What use instead of css() for pseudo elements?

Question

guys. I have a little problem today... Code is below:

var ttw = 10;
$('.insttip:after').css('left',(ttw/2-8)+'px');

Of course, it's not working. The reason is that css() function adds css property using element's 'style' attribute. $('.insttip:after') is a pseudo element, so it has no 'style' attribute.

What should I do to solve this problem?

Thank you!

Maybe this will help http://stackoverflow.com/questions/5041494/manipulating-css-before-and-after-pseudo-elements-using-jquery — Playmaker, Jun 28 '12 at 13:57
This [http://stackoverflow.com/questions/5041494/manipulating-css-before-and-after-pseudo-elements-using-jquery ] might be of some assistance to you. — Dave, Jun 28 '12 at 14:00
@Playmaker: Sadly, in CSS2.1, `attr` was limited to the `content` property. It's been opened up since, but one would need to test ones target browsers. — T.J. Crowder, Jun 28 '12 at 14:01
Temporarily using code below, but I don't like it at all: $('').appendTo('head'); — Georgy Liparteliani, Jun 28 '12 at 14:03
@Georgy Liparteliani if you want a cross-browser solution I'd say that's your best bet IMO. — Ohgodwhy, Jun 28 '12 at 14:08
What do you get with $('.insttip').next() instead of :after? — Simon, Jun 28 '12 at 14:11

score -1 · Answer 1 · answered Nov 25 '12 at 03:07

You can't use pseudo elements in JavaScript. However, if you're looking for a workaround, here is one. Note, however, that this is if you are trying to select a text node:

var ttw = 10;
$($(".insttip")[0].nextSibling).appendTo($("<span/>")).css("left",(ttw/2-8) + "px");

That will wrap the text in a <span> tag, however.

What use instead of css() for pseudo elements?

1 Answers1