Изменить стиль элемента CSS onclick?

Question

Я не знаю, почему мой CSS не работает здесь, это мой jsfiddle, я попытался сосредоточиться, но когда я нажимаю, даже если это не ссылка, эффект уходит?

<div class="footer-container"> 
    <ul> 
     <li id="color"><a href="#">English(US)</a></li> 

    </ul> 

</div> 

$(document).ready(function(){ 
$("#color").click(function(){ 
    $(this).css("color", "black"); 
}); 
}); 

Answer 1

С помощью $("#color") вы ориентируетесь на родителя вашего заинтересованного элемента. Используйте $("#color a"):

$(document).ready(function(){ 
$("#color a").click(function(){ 

    $(this).css("color", "black"); 
}); 
}); 

https://jsfiddle.net/bh58c1pf/

Или вы можете сделать:

$(document).ready(function(){ 
    $("#color").click(function(){ 

     $(this).children().eq(0).css("color", "black"); 
    }); 
    }); 

Но это будет медленнее