Question

如何使用jquery选择具有CSS hover伪类的列表项？

例如，

        <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

您尝试它的方式无法工作，因为Event-handler只会绑定到以代码执行的毫秒为单位悬停的项目。

你需要这样的东西：

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

演示：http://jsfiddle.net/TimWolla/3mdpG/

如何使用jquery选择带有悬停伪类的列表项？

1 个答案: