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

但它会慢一些

更改元素样式CSS onclick？

1 个答案: