Change :before value via Jquery

Question

I want to change para-top :before left value via JQuery.

.para-top:before {
    left: 5%;
}

Expected Result:

.para-top:before {
    left: 284px;
}

.attr not working for CSS Left.

Possible duplicate of [Selecting and manipulating CSS pseudo-elements such as ::before and ::after using jQuery](https://stackoverflow.com/questions/5041494/selecting-and-manipulating-css-pseudo-elements-such-as-before-and-after-usin) — str, Apr 04 '18 at 11:27
$(this).attr('data-content','bar'); .attr is not working for a CSS change, It only work for DATA — Sarath, Apr 05 '18 at 06:37

score 0 · Accepted Answer · edited Apr 05 '18 at 06:43

0

You can't manipulate :before, because it's not technically part of the DOM and therefore is inaccessible by any JavaScript. But you can add a new class with a new :before specified.

$('.para-top').toggleClass('changed');

Hope this helps. Credits to: @Blazemonger

edited Apr 05 '18 at 06:43

user3823861

17
2

answered Apr 05 '18 at 06:40

Robert Stamate

16
3

Its helped. Thanks a lot. – Sarath Apr 05 '18 at 09:44

Change :before value via Jquery

1 Answers1