как сделать ссылку на следующие три элемента div без создания объектов JS для каждого элемента div, а затем написать код для переключения классов между каждым элементом div?

Моя проблема: я пытаюсь сделать функцию для перемещения классов ("prev", "current" и "next") из трех divs в следующие три div "menuItem" при нажатии клавиши со стрелкой вниз (код ключа 40), Единственная проблема заключается в том, как я могу ссылаться на следующие три div без создания объектов JS для каждого div и затем писать код для переключения классов между каждым div? В любом случае, я могу это сделать? jQuery UI имеет этот метод класса коммутатора, который поможет переключать классы. Я могу переключать классы среди div, которым присваиваются атрибуты класса "prev", "current" и "next", без проблем. Это переключает "следующий" класс на следующий div, что является проблемой. Я думал, что один из способов сделать это - ссылаться на индекс или, скорее, индекс элемента после div с атрибутом "next" класса, но не выяснили, как это сделать.

пример HTML:

<div class ="menu">
    <div>content</div>
    <div class ="menuItem prev">content</div>
    <div class ="menuItem current">content</div>
    <div class ="MenuItem next">content</div>
    <div class="MenuItem">content</div>
    <div class ="MenuItem">content</div>
    <div>content</div>
</div>

пример JS:

function handleArrowKeydown(e){
                event.preventDefault();
                var scrollPos = menu.scrollTop();
                var prevItem = $(".previous"); 
                var currentItem = $(".current");
                var nextItem = $(".next");


                function classUpdater () {
                    prevItem.removeClass('previous');
                    currentItem.addClass('previous');
                    nextItem.addClass('current');
                    currentItem.removeClass('current');
                    return; 
                }

                //code to execute on keydown of up arrow key
                if (e.keyCode == '38'){

                    menu.animate({
                        "scrollTop":( scrollPos - 240) 
                    }, 300);
                }
                //code to execute on keydown of down arrow key
                else if (e.keyCode == '40'){
                    menu.animate({
                        "scrollTop":( scrollPos + 240)
                    }, 300);
                    console.log("down arrow pressed");
                }
            } 
            zoom.on({
                "MozMousePixelScroll": handleMouseScroll,
                "mousewheel": handleMouseScroll
            });
            window.addEventListener("keydown", handleArrowKeydown, false);

    });