点击时Glyphicon图标会发生变化

Question

我正在尝试更改点击时的glyphicon图标。这是我的HTML

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

AND 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/