Блог

Я создал этот фрагмент кода. Как вы можете видеть, всякий раз, когда я наведу курсор nav li , я хочу nav li a изменить его цвет.

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

Но моя проблема в этом:

Все теги a меняют цвет при наведении курсора мыши на один. Как мне сделать так, чтобы этот конкретный элемент менял не все из них, а только тег, над которым я нависаю.

Я создал jsfiddle для вас, ребята, которые готовы помочь. https://jsfiddle.net/4oL2p351 /

Заранее спасибо.

Попробуйте использовать так,

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

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

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