Question

我有一个href链接＆＃34;打开菜单＆＃34;，此链接有灰色。

我想使用jQuery，因为当我点击这个＆＃34;打开菜单＆＃34;时，我想将颜色改为#FFF。

我尝试使用下面的代码执行此操作，但它不起作用，我正在搜索如何执行此操作，但由于我的图标字体元素，我遇到了更多困难。

你看到我做错了吗？

HTML：

<li class="show_menu"><a href="#sidr" id="hidden-toggle-link" style="position:absolute;top:-500px;">Open  Menu</a>
<p id="menu_toggle" > <span class="change_color" >
   <i class="fa fa-bars"></i></span>
</p>

的CSS：

#menu ul .show_menu span >i .change_color{color:#fff;}

jQuery的：

$(function() {                       
  $("#menu ul .show_menu span >i").click(function() {  
    $(this).addClass(".change_color");     
  });
});

Answer 1

使用.时，您无需为要添加的类名指定点.addClass()：

$(function() {                       
    $("#menu ul .show_menu span >i").click(function() {  
        $(this).addClass("change_color");     
    });
});

同样不要在CSS中的i和.change_color之间留出空格，因为空格会定位change_color个i元素的后代：

#menu ul .show_menu span >i.change_color{color:#fff;}

链接点击时将颜色更改为#fff

1 个答案: