エレメントスタイル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")を使用することで、該当する要素の親を対象としています。

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

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

https://jsfiddle.net/bh58c1pf/

またはあなたが行うことができます：$("#color a")使用

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

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

しかし、それは遅くなるだろう