JQuery 自动完成 : Get the currently focused

Question

当用户将鼠标悬停在或以其他方式突出显示其 <li> 之一时，JQuery 自动完成会触发焦点事件。选项。在这次事件中，我想引用<li>当前重点关注，但我不知道如何选择它。目前，我有:

focus: function( event, ui ) {
  var target = event.currentTarget
  alert($(target).html())
}

但这会返回 <li> 的整个列表s，而不仅仅是当前关注的焦点。我尝试过其他事件方法，例如 event.delegateTarget 和 event.target，但没有成功。还有其他方法来获取焦点元素吗？

Answer 1

你必须:

1. 获取自动完成功能正在使用的菜单小部件。

2. 获取当前焦点的li(此li有一个a，其类为ui-state-focus

   focus: function (event, ui) {
       var menu = $(this).data("uiAutocomplete").menu.element,
       focused = menu.find("li:has(a.ui-state-focus)");
       // focused is the focused `li`
   }
   

示例: http://jsfiddle.net/J5rVP/43/