Question

I think im being very silly here but here goes.

I have a menu with the basic structue:

<ul id="menu">
<li>
<h3><a href="/products/">Products</a></h3>
<span><a href="/products/">Have a look</a></span>
</li>
</ul>

What i am trying to do, is when the user hovers over the <li> change the text of the <span> to white. This is what i have:

$('ul#menu li').mouseenter(function(){
   $(this+ 'span a').css('color','white');
});

But its not working? I think its becuase $(this) is an object and i just want a string?

Answer 1

Why use JS at all?

#menu > li:hover > span a {
   color: white;
}

Working example at http://jsfiddle.net/alnitak/fZwJ7/