How to delete Pseudo-elements with Jquery

Question

How do I delete pseudo-elements with jquery.
I tried before:

$('.myclass a:after').hide();

and it's not working like that.

Answer 1

You can't modify the pseudo elements directly using scripts, but you can use some workarounds.

One of them is to use a class like

 $('button').click(function() { $('.myclass a').addClass('hide-after'); }) 

 .myclass a:after { content: '++' } .hide-after:after { display: none } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div class="myclass"> <a>something</a> </div> <button>Test</button>