jqueryを使用してホバー擬似クラスを持つリスト項目を選択する方法は？

Question

jqueryを使用してCSSホバー疑似クラスを持つリスト項目を選択するにはどうすればよいですか？例えば

、

 <ul> 
      <li>test 1</li> 
      <li>test 2</li> 
      <li>test 3</li> 
      <li>test 4</li> 
     </ul> 

     <style> 
       ul li:hover 
       { 
        background-color: black; 
       } 
     </style> 

jqueryのコードは動作しませんが、警告メッセージが表示されていない

 $("ul li:hover").click(function() 
     { 
       alert("test");     
     }); 

質問：

私はjqueryのコードで正しくアクティブホバー状態を選択アム上記？そうでない場合は、それを選択する正しい方法は何ですか？

Answer 1

イベントハンドラは、コードが実行される正確なミリ秒でホバリングされたアイテムにのみバインドされるため、試してみることはできません。

$("ul li").click(function() { 
    if ($(this).is(':hover')) alert('test'); 
}); 

デモ：

あなたはこのようなものが必要になりますhttp://jsfiddle.net/TimWolla/3mdpG/