Déterminez quelle div est au milieu d'une liste div

J'ai une liste divissi qui ressemble à ceci: xxx pré>

Je dois déterminer quelle div se situe au milieu de la liste, veuillez noter que le numéro de div est dynamique, dépend de l'utilisateur. saisir. Mon objectif final est de déterminer les divs des DIV situés à gauche et à droite de la "Div" Moyen Div "puis appliquent une classe dépend de sa position. p>

Le résultat final devrait ressembler à ceci: P>

    var setMidClasses = function (elementList, beforeMid, atMid, afterMid) {
    var i = 0,
        hasMid = elementList.length % 2,
        mid = Math.floor(elementList.length / 2);

    while (i < mid) {
        elementList[i].classList.add(beforeMid);
        i += 1;
    }

    if (hasMid == 1) {
        elementList[i].classList.add(atMid);
        i += 1;
    }

    while (i < elementList.length) {
        elementList[i].classList.add(afterMid);
        i += 1;
    }

};



setMidClasses(document.querySelectorAll(".item"),
    "left", "middle", "right");