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

Question

我正在尝试做一个带有图标的侧边栏，这些图标的行为方式类似于这个http://piccsy.com/。

现在，我可以让每个列表元素的背景和font-color进行适当的切换，但我也想切换每个图标的颜色。

$( 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。