Javascript 将引导文本类替换为google材质图标

好的，我是javascript新手，所以这可能不是最好的方法

我试图在单击材质图标时更改其颜色。基本上，我试着打开和关闭它。问题是我的代码发现图标没有读取类…我尝试添加一个类，使用id，甚至名称，但它无法读取。我看到其他的回应，其中图像交换，并尝试与图像交换，但我只是想改变颜色

JAVASCRIPT:

function updateFavorites()
{
if($(this).find($("#staricon")).hasClass('text-warning'))
{
 $(this).find($("#staricon")).addClass('text-warning');

}
else
{                     
$(this).find($("#staricon")).removeClass('text-warning');
} 
}

HTML:

---

下面是一个代码，每当你点击它时，它会将类添加到

#staricon

，并检查它是否已经有了该类。在CSS中，可以定义该类的颜色

当然，您可以添加类、删除类或执行其他操作。希望此代码对您有所帮助

$（“.stats”）。在（'click'，function（）上{
if（！$（this.find（#staricon”）.hasClass（'SOME_CLASS'））
$（this.find（“#staricon”）.addClass（'SOME#u CLASS'）；
})

。一些课程{
颜色：绿色；
}

---

下面是一个代码，每当你点击它时，它会将类添加到

#staricon

，并检查它是否已经有了该类。在CSS中，可以定义该类的颜色

当然，您可以添加类、删除类或执行其他操作。希望此代码对您有所帮助

$（“.stats”）。在（'click'，function（）上{
if（！$（this.find（#staricon”）.hasClass（'SOME_CLASS'））
$（this.find（“#staricon”）.addClass（'SOME#u CLASS'）；
})

。一些课程{
颜色：绿色；
}

---

谢谢大家的帮助……我通过以下方法实现了这一功能：

JAVASCRIPT

updateFavorites(id){
if($(this).find('#staricon'+id)){
    if($('#staricon'+id).hasClass('star-color')) { 
        $('#staricon'+id).removeClass('star-color');
    }
    else {
        $('#staricon'+id).addClass('star-color');
    }
}
}

HTML:

---

谢谢大家的帮助……我通过以下方法实现了这一功能：

JAVASCRIPT

updateFavorites(id){
if($(this).find('#staricon'+id)){
    if($('#staricon'+id).hasClass('star-color')) { 
        $('#staricon'+id).removeClass('star-color');
    }
    else {
        $('#staricon'+id).addClass('star-color');
    }
}
}

HTML:

$（此）。查找（#staricon”）

谢谢。我得到了同样的结果。我从类文本警告位开始，它无法识别它在那里。

$（此）。查找（“#staricon”）

谢谢。我得到了同样的结果。我从类文本警告位开始，它不知道它在那里。

<a  class=" stats pull-right " href="javacript:void" ><span id="staricon' . $story_id .'"   onclick="updateFavorites(' . $story_id . ')"><i  class=" material-icons " title="Favorite" >star</i></span></a>