jquery - Jquery 数组，追加和鼠标悬停问题

Question

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

        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>');
            })
        });


})

我使用数字来跟踪用户鼠标悬停在哪个按钮上，并且每个数组都将包含详细信息 div。使用此代码，详细信息容器会不断从数组中获取重复内容。我想我的代码有问题，但不知道如何修复它......

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

Answer 1

解决了，我使用悬停而不是鼠标悬停，并使用 .remove() 删除附加。