JSFiddle - React, Tailwind, and code Playground

by creativevilla

HTML

<ul>
    <li class="new-class">This is sample text</li>
    <li class="new-class">This is sample text</li>
    <li class="new-class">This is sample text</li>
    <li class="new-class">This is sample text</li>
    <li class="new-class">This is sample text</li>
</ul>

CSS

.new-class {
    font-weight: bold;
    color: red;
}

JavaScript

(function ($) {
    $(document).ready(function () {
        $( "li" ).removeClass(function(index) {
            // console.log($( this ));
            // console.log($( this ).prev());
            // console.log($( this ).prev());
            console.log($( this ).prev().attr("class") + " " + index);
  			return $( this ).prev().attr( "class" );
		});
    });
}(jQuery));