我正在Bootstrap 3
使用Jquery
. 我有一个按钮,其中包含跨度标记中的图标。(使用引导程序的 glypicon)
<button id="swapArchived" class="btn btn-default btn-sm showArchived">
<span class="glyphicon glyphicon-road"></span> Show Archived
</button>
我想在单击时更改图标和文本。除了,还有什么更好的办法
$('#swapArchived').on('click', function () {
var $el = $(this);
if($el.hasClass('showArchived'))
{
$el.html('<span class="glyphicon glyphicon-fire"></span> Show Incomplete');
}
else
{
$el.html('<span class="glyphicon glyphicon-road"></span> Show Archived');
}
$el.toggleClass('showArchived');
});
我很好奇我是否可以同时切换按钮文本和跨度类。尽量避免每次点击都写跨度。
谢谢-