JQuery UI自动完成-悬停/聚焦时的额外项目信息？怎么做？

我有以下计划：

我的网站上有一个自动完成UI元素，有几个自动完成选项，但我想要的是以下内容，我无法让它工作：

如果用户将鼠标悬停在某个项目上或将箭头键悬停在某个项目上，那么项目文本当然会变成项目值和其他信息

让我更清楚地说：

如果用户在“自动完成”中翻滚电影标题，则该项目应更改为电影标题+电影长度+电影覆盖

当项目未聚焦时，应将其更改为原始状态

这是我所拥有的：

$("#searchField").autocomplete({

    source: dataSet,
    minLength: 1,
    open: function(event, ui) { $(".ui-autocomplete").css({"z-index": 1000, "font-size": "13px"}); },
    focus:function(e,ui) {

        q = $("#ui-active-menuitem").html();
        $("#ui-active-menuitem").html("<b>"+q+"</b>");


    },

    select: function(event, ui) {
        q = $("#ui-active-menuitem").html();
        location.href="?q="+q;
    }

});

对不起，如果我的英语不能理解

提前通知

focus:function(e,ui) {
            $("input").val($("#ui-active-menuitem").text());
            q = $("#ui-active-menuitem").html();
            $("#ui-active-menuitem").html("<b>"+q+"</b>");


        },

---

你可以在每一个项目上附加一个mouseout处理程序，一旦鼠标悬停在它上面，它就会从列表中删除它，尽管这看起来是非常疯狂的功能，但是它实现了你想要的。。。这是小提琴：

我想我们可以做到：

选中此项：

---

试试角色：“t”来列出所有电影

不，对不起，这不是我的意思。我的意思是，悬停的项目本身的html被更改。。。感谢您对我的回答；你们都准备好用你们自己的例子来实现这一点了吗？这就是为什么我不确定的原因：是的，我确定，但我也希望在未聚焦时隐藏额外的内容。。但似乎没有这样的活动？

    $("#ui-active-menuitem").mouseout(function() {
      $("#ui-active-menuitem").hide();
    });