如何在jQuery中更改bootstrap glyphicon颜色

debugcn 发表于 Dev

春季学习者

我有glyphicon-ok我李element.Initially按我的要求，我像所有这一切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');
}

丹尼斯·洪克（Dennis Hunink）

如果您真的愿意通过javascript做到这一点：

第一种选择，收听单击图标

jQuery(document).ready(function($){
    $('.glyphicon-ok').on("click", function(){
        $(this).css("color", "#FFF000");
    });
});

演示位于：http : //jsfiddle.net/T9Dk9/1/

第二种选择是侦听单击li元素：将类添加到li中（不是必需的，但在较大的项目中更容易）：

<li class="active clickable">

jQuery(document).ready(function($){
    $('.clickable').on("click", function(){
        $(this).find('.glyphicon').css("color", "#FFF000");
    });
});

http://jsfiddle.net/T9Dk9/2/

但是我想Bootstrap中会有一个方法为链接定义“单击”颜色

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。