JSFiddle - React, Tailwind, and code Playground
HTML
<div id="thisdiv" class="class1 class2 class3 class4 class5"> text </div>
JavaScript
$.fn.removeClassesAfter = function(className)
{
return this.each(function()
{
$(this).attr('class', function(i, v)
{
var classes = v.split(' '),
position = $.inArray(className, classes);
return position == -1 ? v : classes.slice(0, position + 1).join(' ');
});
});
};
$('#thisdiv').removeClassesAfter('class3')
alert( $('#thisdiv').attr('class') );