Question

I have batted together a quick script for changing colours on hover as follows however, I need to be able to target $(this a).blah() is it possible to do that?

Using '#nav ul li ul li a' targets the entire ul a if that makes sense

Code:

<script type="text/javascript">
    // stuff for superfish
    $(document).ready(function($) {
      $('#nav ul li ul li').mouseenter(function(){
        $(this).css("background-color", "#4a4a4a");
        $('#nav ul li ul li a').css("color", "#fff");
      }).mouseleave(function(){
        $(this).css("background-color", "#404041");
        $('#nav ul li ul li a').css("color", "#ccc");
      });

    });
  </script>

Answer 1

You may use find:

$(this).find("a").css("color", "#fff");

Or a context part:

$("a", this).css("color", "#fff");