Ändern Sie die Farbe eines bestimmten Menüpunkts bei Hover

Question

Ich habe dieses Bit des Codes erstellt. Wie Sie sehen können, wenn ich über nav li schwebe, möchte ich nav li a, um seine Farbe zu ändern.

<nav> 
    <ul> 
     <li> 
      <a href="#">test</a> 
      <a href="#">test2</a> 
     </li> 
    </ul> 
</nav> 

a { 
    padding-left: 100px; 
} 

require(['jquery', 'jquery/ui'], function($){ 
$(document).ready(function() { 
    $("nav li").hover(function() { 
     $("nav li a").css("color", "#02baff"); 
    }, function() { 
     $("nav li a").css("color", ""); 
    }); 
}); 

Aber mein Problem ist das so:

das All ein Tags Farbe ändern, wenn ich über einen schweben. Wie mache ich diesen bestimmten Gegenstand, um nicht alle von ihnen nur das ein Tag zu ändern, über dem ich schwebe.

Ich habe eine jsfiddle für euch, die bereit sind zu helfen. https://jsfiddle.net/4oL2p351/

Vielen Dank im Voraus.

Answer 1

Versuchen Sie, wie diese verwendet wird,

require(['jquery', 'jquery/ui'], function($){ 
$(document).ready(function(){ 

    $("nav li").hover(function(){ 
     $(this).find('a').css("color","#02baff"); 

      },function(){ 
       $(this).find('a').css("color",""); 
    }); 
}); 
});