Невозможно добавить отличный шрифт внутри кнопки, используя jQuery

Question

У меня есть следующая кнопка: -

<button id="show" style="background:#4d9b84" class=" btn btn-primary">Click here to learn more</button>

, и я написал следующее jQuery, чтобы изменить текст кнопки с «Щелкните здесь, чтобы узнать больше» на стрелку вверх с использованием font awesome, как показано ниже : -

$("#show").click(function () {
                    $("#show").html("<i class=\"fa fa - arrow - up\" aria-hidden=\"true\" style=\"color:#2ebdbe!important\"></i>");
                }
            });

но у меня появляется пустая кнопка, когда я нажимаю на кнопку, как показано ниже: -

введите описание изображения здесь

любой совет, пожалуйста, как я могу добавить значок шрифта awesome внутри кнопки с помощью jQuery? Спасибо

Answer 1

нужно убрать пробелы в имени класса:

  $("#show").html("<i class=\"fa fa-arrow-up\" aria-hidden=\"true\" style=\"color:#2ebdbe!important\"></i>");

Answer 2

У вас есть пробелы в имени вашего класса, оно должно быть fa-стрелкой вверх.