如何使用JQuery選擇當前正在進行懸停的項目？

我正在使用jQuery 1.12。我有以下的類，它適用於已鼠標懸停在他們的項目如何使用JQuery選擇當前正在進行懸停的項目？

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

我想使用jQuery選擇當前具有懸停（上面的類）的項目，所以我嘗試

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

但是這不起作用，至少它不在我的小提琴 - http://jsfiddle.net/cwzjL2uw/11/。打開選擇下拉菜單中的一個，將鼠標懸停在其中一個項目上，然後按下鍵盤上的任意鍵以激活我的選擇器。選擇器重複返回「未定義」。

2017-01-02 Dave

一個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實際上也有匹配，或者會遇到錯誤

2017-01-02 04:12:52 charlietfl

取決於你想要的數據，但你記錄錯誤的東西。

你的console.log更改爲：

console.log(elt[0].innerHTML);

，你會得到什麼你正在上空盤旋文本數據。

2017-01-02 04:12:35

回答