Jquery数组、追加和鼠标悬停问题

我基本上是在制作幻灯片，一旦用户相应地单击导航，就会显示给定按钮的数组元素

        var modules ={};
    modules[0] = new Array();
    modules[0][0] ="content 1 - 0";
    modules[0][1] ="content 1 - 1";
    modules[0][2] ="content 1 - 2";
    modules[0][3] ="content 1 - 3";

    modules[1] = new Array();
    modules[1][0] ="content 2 - 0";
    modules[1][1] ="content 2 - 1";
    modules[1][2] ="content 2 - 2";
    modules[1][3] ="content 2 - 3";
    modules[1][4] ="content 2 - 4";

        $(".container").mouseover(function(){
            var number = $(".container").index(this);
            jQuery.each(modules[number], function(index,value){
                $(".details").eq(0).append("<div class='details-word'>" + value + '</div>');
            })
        });


})

var模块={}；
模块[0]=新数组（）；
模块[0][0]=“内容1-0”；
模块[0][1]=“内容1-1”；
模块[0][2]=“内容1-2”；
模块[0][3]=“内容1-3”；
模块[1]=新数组（）；
模块[1][0]=“内容2-0”；
模块[1][1]=“内容2-1”；
模块[1][2]=“内容2-2”；
模块[1][3]=“内容2-3”；
模块[1][4]=“内容2-4”；
$（“.container”）.mouseover（函数（）{
变量编号=$（“.container”）.index（此）；
每个（模块[编号]、函数（索引、值）{
$（“.details”）.eq（0）.追加（“+value+”）；
})
});
})

我使用number跟踪用户鼠标移动到哪个按钮上，每个数组都将用details单词div包装。通过这段代码，details容器不断从数组中获取重复内容。我猜我的代码有问题，但不知道如何修复它

---

我还是jquery新手，谢谢你的帮助。

解决了这个问题，我用鼠标悬停代替鼠标悬停，用.remove（）删除append