如何在列表中选择当前元素

Question

我制作菜单，当我将文本悬停在jquery上时，我想要改变颜色。直到现在这都没问题。但问题是，所有元素都改变了颜色。我只是想改变当前的元素。谢谢:)。

$(document).ready(function()
{

    $('ul#menu').hover(function()
    {
        $('ul#menu li a').css({'transition':'2s','color':'#900'});  

    },function()
    {
        $('ul#menu li a').css({'color':'#fff'});    

    });
});

Answer 1

我建议使用CSS。

ul#menu li a{
   color:#900;
   transition:2s;
}

ul#menu li a:hover{
   color:#fff;
}

Answer 2

您需要在this函数中使用hover：

$(document).ready(function()
{
  $('ul#menu li a').hover(function()
                          {
    $(this).css({'transition':'2s','color':'#900'});  
  },function()
                          {
    $(this).css({'color':'#fff'});    
  });
});