JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
   <li class="active">list item 1</li>
   <li>list item 2</li>
   <li>list item 3</li>
   <li>list item 4</li>
   <li>list item 5</li>
</ul>
<button>Click</button>

CSS

.active{background-color:red;}

JavaScript

$(document).ready(function() {
    $("button").click(function() {
        var $li = $('ul li'),
            $active = $li.filter('.active'),
            $next = $active.next();
        $active.removeClass('active');
        if ($next.length) {
            $next.addClass('active');
         } else {
            $li.first().addClass('active');
        }
    });
});