jquery - 使用 materializecss 单击更改图标

Question

我正在使用 float 操作按钮来显示菜单并在菜单中有一个保存图标

<div id="menu" class="fixed-action-btn horizontal click-to-toggle" style="bottom: 85px; right: 18px;">
        <a class="btn-floating btn-large red">
            <i class="material-icons">menu</i>
        </a>
        <ul>
            <li ><a href="#" class="btn-floating blue"><i id="save" class="material-icons">add</i></a></li>
        </ul>
</div>

我想在单击添加按钮时将图标从 add 更改为 check，如果可能的话使用动画。我怎样才能做到这一点 ？我是菜鸟，有人能指出我正确的方向吗。

Answer 1

在您的 onclick 处理函数中执行此操作，最好使用 id 选择器，我只是在这里使用类，

$(".blue").html('<i id="save" class="material-icons">check</i>');