Setting link hover property with jQuery

Question

I want to change the background color of a link with jQuery, the orginal CSS for the link is

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

I'm trying the following jQuery code, but it does not seem to work.

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

I can set the css for the normal links, but its only causing problem with the link hover.

mgraph · Accepted Answer · 2012-11-24 21:00:49Z

3

try this:

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

or this :

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

answered Nov 24, 2012 at 21:00

mgraph

15.3k4 gold badges43 silver badges76 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

cruxi · Accepted Answer · 2012-11-24 21:04:19Z

0

You could try it with the jquery hover function. http://api.jquery.com/hover/ And re-set the color.

answered Nov 24, 2012 at 21:04

cruxi

83912 silver badges28 bronze badges