JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
            <li data-test="1" class="stylingchange">1</li>
            <li data-test="2" class="stylingchange">2</li>
            <li data-test="3" class="stylingchange">3</li>
            <li data-test="4" class="stylingchange">4</li>
            <li data-test="5" class="stylingchange">5</li>
            <li data-test="6" class="stylingchange">6</li>
        </ul>

CSS

.stylingchange {
    background-color: yellow;
}

.servicesiconchange {
    background-color: red !important;
}

JavaScript

$('.stylingchange').click(function() {
             $('.stylingchange').removeClass('servicesiconchange');
            $(this).toggleClass('servicesiconchange');
            
            alert($(this).data("test"));
            
            var isLoaded = false;
            $.ajax({
               method: "POST",
               data: obj, 
               url: "/netbanki/...",
               
            }).success(function (data)  { isLoaded = true; });
            
            
        });