freemarker文件下，bootstrap 点击按钮，切换按钮上的图标

freemarker页面代码

<@button id="but" name="添加参数" fa="plus"/>

jquery代码

$("#but").click(function(){
      $("#but").find('i').toggleClass("fa-plus fa-minus");
});

fa标签在bootstrap封装的原形是：使用一个单<i>并增加对应的CSS类名,例： <i class="fa fa-search"></i>

根据id找到指定按钮，再find(‘i’)找到fa ,最后使用toggleClass（）方法将fa-plus 替换为fa-minus ,即将 ‘+’ 图标换成 ‘-’ 图标。

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/106380.html原文链接：https://javaforall.cn