JSFiddle - React, Tailwind, and code Playground

HTML

<button>Anterior</button>
<button>Próximo</button>
<ul>
    <li class="selecionado">A</li>
    <li>B</li>
    <li>C</li>
    <li>D</li>
    <li>E</li>
</ul>

CSS

.selecionado {
    background: lightgray;
}

JavaScript

$("button:eq(1)").click(function() {
    $(".selecionado")
        .removeClass("selecionado")
        .next()
        .addClass("selecionado");
    
    if ( $(".selecionado").length == 0 )
        $("li:first").addClass("selecionado");
});

$("button:eq(0)").click(function() {
    $(".selecionado")
        .removeClass("selecionado")
        .prev()
        .addClass("selecionado");
    
    if ( $(".selecionado").length == 0 )
        $("li:last").addClass("selecionado");
});