Jquery 如何将菜单中的选定项移到中间

我在应用程序中使用swiper min js来显示菜单

我可以显示菜单

我的问题是，是否可以将菜单中选定/单击的项目移动到中心

这是我显示菜单的代码

var T1categories = ["ONE", "TWO", "THREE" , "FOUR" , "FIVE" ];
createhorizontaltab(T1categories);

function createhorizontaltab(categories) {
    var categoryArr = categories;
    var favoriteresultag = '';
    for (var i = 0; i < categoryArr.length; i++) {
        favoriteresultag += '<div class="swiper-slide"><span>' + categoryArr[i] + '</span></div>';
    }
    $("#swipecontainer").append(favoriteresultag).trigger("create");
}
$(document).on("click", ".swiper-slide", function() {
    $('.swiper-slide').removeClass('swiper-slide-active');
    $(this).addClass('swiper-slide-active');
});

var T1categories=[“一”、“二”、“三”、“四”、“五”]；
createhorizontaltab（T1categories）；
函数createhorizontaltab（类别）{
var categoryArr=类别；
var FavoriteResultTag=''；
对于（变量i=0；i

---

请让我知道怎么做

首先，在创建这些元素时，我通过给出一个id来确定菜单的中心，即中心。然后，我用span更改单击span的文本，span的id为中心

    var T1categories = ["ONE", "TWO", "THREE" , "FOUR" , "FIVE" ];
    createhorizontaltab(T1categories);

    function createhorizontaltab(categories) {
        var categoryArr = categories;
        var favoriteresultag = '';
        for (var i = 0; i < categoryArr.length; i++) {
            if(i!=2) {/* I assumed you always have five spans for the menu*/
                favoriteresultag += '<div class="swiper-slide"><span>' + categoryArr[i] + '</span></div>';
            }
            else {
                favoriteresultag += '<div class="swiper-slide" id="center"><span>' + categoryArr[i] + '</span></div>';
            }
        }
        $("#swipecontainer").append(favoriteresultag).trigger("create");
    }
    $(document).on("click", ".swiper-slide", function() {
        var str = $(this).text();
        var str2 = $("#center").text();
        $(this).removeClass('swiper-slide-active');
        $(this).children().text(str2);
        $("#center").children().text(str);
        $("#center").addClass('swiper-slide-active');
    });

var T1categories=[“一”、“二”、“三”、“四”、“五”]；
createhorizontaltab（T1categories）；
函数createhorizontaltab（类别）{
var categoryArr=类别；
var FavoriteResultTag=''；
对于（变量i=0；i

---

这种方法可以给你一个想法。

这无疑是我进一步研究的起点。（我面临的唯一问题是菜单的长度不是固定的）我通过使用var centervalue=Math.floor（categoryArr.length/2）解决了这个问题；