jquery - 如何使用 JQuery 选择当前悬停的元素？

Question

我正在使用 jQuery 1.12。我有以下类(class)，适用于鼠标悬停在其上的元素

.select-options li:hover {
  color: gray;
  background: #fff;
}

我想用 jQuery 来选择当前有悬停的元素(上面的类)，所以我尝试了

elt = $('.select-options li:hover')

但这不起作用，至少，它不在我的 Fiddle 中 — http://jsfiddle.net/cwzjL2uw/11/ .打开其中一个选择下拉菜单，将鼠标悬停在其中一项上，然后按键盘上的任意键以激活我的选择器。选择器重复返回“undefined”。

Answer 1

jQuery 对象没有 outerHTML 属性……底层的 dom 元素有

尝试改变

$(window).keydown(function(event){
    elt = $('.select-options li:hover')
    console.log(elt.outerHTML); 
});

到

$(window).keydown(function(event){
    elt = $('.select-options li:hover')
    console.log(elt[0].outerHTML);    
});

您将需要添加额外的检查以查看 elt 是否确实也有匹配项或会遇到错误