Search code examples
javascriptjquerypseudo-class

Change :before value via Jquery

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.

Solution

  • 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