使用jQuery设置链接悬停属性

Question

我想用jQuery更改链接的背景颜色， 链接的原始CSS是

#container ul li:hover ul li a{
    background: #FF0000
}

我正在尝试以下jQuery代码，但它似乎不起作用。

jQuery('#container ul li:hover ul li a').css('background', '#FF0000');

我可以为普通链接设置css，但它只会导致链接悬停的问题。

Answer 1

试试这个：

jQuery('#container ul li ul li a').hover(function(){
   $(this).css('background', '#FF0000');
})

或者这个：

jQuery('#container ul li').hover(function(){
   $(this).find("ul li a").css('background', '#FF0000');
})

Answer 2

您可以使用jquery悬停功能尝试它。 http://api.jquery.com/hover/ 并重新设置颜色。