JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li class="four"></li>
</ul>

CSS

li {
    width: 100px;
}

li.one {
    background: red;
}

JavaScript

jQuery.fn.nextOrFirst = function (selector) {
    var next = this.next.call(this, selector);

    if (!next.length) {
        var siblings = this.siblings();

        if (selector) {
            siblings = siblings.filter(selector);
        }

        next = siblings.first();
    }

    return next;
};

$('li.four').nextOrFirst().addClass('one');