jQuery addClass example

Change class name on click in jQuery

by mukkaram waheed

HTML

<div id="something">Test</div>

<button id="changeBefore">Change</button>

CSS

#something:before{
   content:"1st";
   font-size:20px;
   color:red;
}
#something{
  content:'1st';
}

.activeS:before{
   color:green !important;
   font-size:30px !important;
 }

JavaScript

var newValue = '22';//coming from somewhere
    var add = '<style>#something:after{content:"'+newValue+'"!important;}</style>';
     var add2 = '<style>#something:after</style>';
    
    $('#changeBefore').click(function(){
        $('body').append(add2);
    });