jquery - 单击时 Glyphicon 图标更改

Question

我正在尝试更改单击时的字形图标。这是我的 html

<div id="icon">
<span class="glyphicon glyphicon-star-empty"></span>
<span class="glyphicon glyphicon-star"></span>
</div>

和 JS 是

$('.glyphicon').click(function(){
$(this).removeClass('glyphicon-star-empty').addClass('glyphicon-star');
});

请帮帮我。提前致谢。

Answer 1

尝试使用 toggleClass();

$('.glyphicon').click(function(){
$(this).toggleClass('glyphicon-star-empty glyphicon-star');
});

演示:https://jsfiddle.net/gtkc0s51/