Как переключить одну из множества ссылок с иконками, используя JavaScript

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');
    }