Question

我有几个动态创建的链接，这些链接呈现为按钮，并且按钮文本替换为图标。单击时，我需要切换链接按钮图标之一。我正在使用的方法无法解决。请参见下面的代码：我现在不希望使用JQuery，除非它在函数中。

    <a class="button" onclick="command('removeFormat');" title="Remove Format"><i class="fas fa-eraser"></i></a>
    <a class="button" onclick="command('fullScreen');" title="Full Screen"><i class="fas fa-expand"></i></a>
    <a class="button" onclick="doToggleView();" title="Source"><i class="fa fa-code"></i></a>
    <a class="button" onclick="submitForm();" title="Save"><i class="far fa-save"></i></a>

// JS

    function command(cmd){
      if(cmd == 'fullScreen'){
        $(".fa-expand").toggleClass('fa-expand fa-compress');
      }else{
        $(".fa-compress").toggleClass('fa-compress fa-expand');
      }
    }

我也尝试使用以下代码：

    $("i").toggleClass('fa-compress fa-expand');
    $("a .button").find("i").toggleClass('fa-expand fa-compress');

Answer 1

这是解决此问题的解决方法。

    function command(cmd){
        $('i.fas').toggleClass('fa-expand fa-compress');
    }

如何使用JavaScript切换带有图标的许多链接之一

1 个答案: