JQueryを使用して現在表示されている項目を選択するにはどうすればよいですか？

Question

私はjQuery 1.12を使用しています。私はマウスがそれらの上に推移している項目に適用される以下のクラスを、持っている

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

私は現在、ホバー（上記のクラスを）持っているアイテムを選択するにはjQueryのを使用したいので、私は

を試してみました

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

しかし、これは機能しません。少なくとも、私のフィドルにはありません。http://jsfiddle.net/cwzjL2uw/11/選択ドロップダウンの1つを開き、アイテムの1つにカーソルを合わせ、キーボードの任意のキーを押してセレクタをアクティブにします。セレクタは "undefined"を繰り返し返します。

Answer 1

jQueryオブジェクトが何outerHTML性質を持っていない...基本的なDOM要素は

すると、かどうかを確認するために追加のチェックを追加する必要があります

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

に

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

を変更してみてくださいんeltは実際に一致しているか、エラーになります

Answer 2

必要なデータによって異なりますが、間違ったものを記録しています。

にあなたにconsole.logを変更

：

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

と、あなたがオーバーホバリングしているものは何でものテキストデータを取得します。