Jquery :after selector is this possible?

Question

I have menu script I have html something like this

<ul class="cbp-tm-submenu" style="left: 50px;">
    <li><a href="#" class="cbp-tm-icon-screen">Sorrel desert</a></li>
    <li><a href="#" class="cbp-tm-icon-mail">Raisin kakadu</a></li>
    <li><a href="#" class="cbp-tm-icon-contract">Plum salsify</a></li>
    <li><a href="#" class="cbp-tm-icon-pencil">Bok choy celtuce</a></li>
    <li><a href="#" class="cbp-tm-icon-article">Onion endive</a></li>
    <li><a href="#" class="cbp-tm-icon-clock">Bitterleaf</a></li>
    :after <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
</ul>

Now its class

.cbp-tm-submenu:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;

}

And output is something like this:

enter image description here

Now problem is arrow which is generated by :after class Now what is want to is i want to adjust that arrow in right as arrow is too left i want show arrow below sale so i want to select :after class in jquery is this possible? how?

This is essentially a duplicate of this: http://stackoverflow.com/a/17789110/2388219 and that should help you. — Ming, Dec 05 '13 at 06:54
possible duplicate of [Manipulating CSS pseudo-elements using jQuery (e.g. :before and :after)](http://stackoverflow.com/questions/5041494/manipulating-css-pseudo-elements-using-jquery-e-g-before-and-after) — Blazemonger, Apr 24 '14 at 13:14

score 1 · Accepted Answer · answered Dec 05 '13 at 06:50

1

You can't select :after since it is not a DOM element, but a CSS pseudo element.

answered Dec 05 '13 at 06:50

A.M.N.Bandara

1,490
15
32

Thanks lord but how can i do this there should be some logic – Just code Dec 05 '13 at 06:51
Your question is not clear. The image does not show any arrows. If you can elaborate your question it will be a help. – A.M.N.Bandara Dec 05 '13 at 06:52

Jquery :after selector is this possible?

1 Answers1