ホバー上の特定のメニュー項目の色を変更してください

Question

私はこのコードを作成しました。 nav liにカーソルを合わせると表示されるように、nav li aの色を変更します。

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", ""); 
    }); 
}); 

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

しかし、私の問題はこれです：私は1つにカーソルを合わせると

は、すべてのタグが色を変更します。どのように私はこの特定のアイテムを、私が上に乗っているタグだけをすべて変更するようにしますか？

私はあなたを助けてくれる人のためにjsfiddleを作成しました。 https://jsfiddle.net/4oL2p351/

ありがとうございます。

Answer 1

は、次のように使用して

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

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

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