Pasar de un li a otro

[Alexis88]

Otra opción:

Código HTML:

<ul>
    <li class = "focus">Ítem 1</li>
    <li>Ítem 2</li>
    <li>Ítem 3</li>
</ul>
<label id = "at">Atrás</label>
<label id = "ad">Adelante</label>
 

Código CSS:

.focus{
    border: .1rem cornflowerblue solid;
}
 

Código Javascript:

//Para avanzar
$("#ad").on("click", function(){
    var actual = $("li.focus"),
        sig = actual.next().is("li") ? actual.next() : $("li").first();
    actual.removeClass("focus");
    sig.addClass("focus");
});
 
//Para retroceder
$("#at").on("click", function(){
    var actual = $("li.focus"),
        sig = actual.prev().is("li") ? actual.prev() : $("li").last();
    actual.removeClass("focus");
    sig.addClass("focus");
});
 

De esta forma, para el botón de avance, tomas al siguiente elemento <li> o al primero en caso de haber llegado al final, se retira la clase focus del elemento actual y se la asigna la siguiente. Para el botón de retroceso, el proceso es inverso, solo cambian los métodos para obtener al elemento <li> anterior o al último, según sea el caso.

DEMO

Saludos