JSFiddle - React, Tailwind, and code Playground

HTML

<div id="all">
<div class="section selected">ONE</div>
<div class="section">TWO</div>
<div class="section">THREE</div>
</div>
<br />
<a href="javascript:;" id="button">CLICK</a>

CSS

.selected{background:red}

JavaScript

$('#button').click(function(){
    var $next = $('.section.selected').removeClass('selected').next('.section')
    if ($next.length) {
    $next.addClass('selected'); 
    }
    else {
        $(".section:first").addClass('selected');
    }
});

//On click I select next div with same class and remove selected from previod, How to loop? After 3 is selected, I want it to go to one again.