使用Jquery切换多个图标颜色onClick

Question

我正在尝试使用与此http://piccsy.com/类似的方式创建带有图标的侧边栏。

现在我可以使每个列表元素的背景和字体颜色适当地切换，但我也希望切换每个图标的颜色。

$( function() {
  $('li').click( function() {
    $(this).toggleClass("green_select");
    $('span', this).toggleClass("white_letters");


    $('.category_icon',this).toggle(function () {

        });
    });
});

我被困在最后一行。现在，切换显示/隐藏每个图标。我不确定我是否需要让切换器从我的CSS中拉出不同的URL或者是否有其他方法可以改变颜色。

感谢您的帮助！

Answer 1

要更改元素的颜色：

$selection.css('color', 'newColor')

其中$selection是您要更改的匹配元素集，newColor是CSS颜色值，例如red或#333。