javascript - 如何在 jquery 中更改 bootstrap glyphicon 颜色

Question

我的 li 元素中有 glyphicon-ok。最初根据我的要求，我像这样为所有 glyphicon-ok 赋予绿色

.glyphicon-ok {
    color: #41be47;
}

一个li元素如下图

<li class="active">
    <a href="#"  onclick="return getQuestions(this);"> 
        <span class="glyphicon glyphicon-ok"></span>
        &nbsp;&nbsp;test
        <i class="glyphicon glyphicon-remove pull-right" style="display: block;" ></i>
    </a>
</li>

现在我想在单击该特定项时将 glyphicon-ok 更改为白色。

那里面应该写什么呢

function  getQuestions(id) {
}

我试过了

function  getQuestions(id) {

$('span').find('.glyphicon-ok').css('color','#fff');
}

Answer 1

您只需要更改 css 中的 color 属性。图标 font 的主要好处之一是您可以在它们上使用字体 css 属性。使用 :focus 和 :active 选择器来应用这些样式是比使用 javascript 更好的解决方案。

Example

如果您确实决定使用 javascript，我建议您只使用它来添加/删除一个类，而不是应用样式本身。