jQuery targeting this > a where a is not the subject
<p>I have batted together a quick script for changing colours on hover as follows however, I need to be able to target <code>$(this a).blah()</code> is it possible to do that?</p>

<p>Using <code>'#nav ul li ul li a'</code> targets the entire <code>ul a</code> if that makes sense</p>

<p>Code: </p>

<pre><code>&lt;script type="text/javascript"&gt;
    // 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");
      });

    });
  &lt;/script&gt;
</code></pre>
