Как изменить текст кнопки, шрифт удивительного значка с помощью JQuery

Question

У меня есть кнопка <button class="home-signup-button button-add" formnovalidate>Sign up</button>

По щелчку этой кнопки я хочу, чтобы изменить текст от подписался на удивительном значок шрифта. <i class='fa fa-circle-o-notch fa-spin fa-3x fa-fw'></i>. До сих пор я пытался

$(".home-signup-button.button-add").click(function(){ 
    $(this).text("<i class='fa fa-circle-o-notch fa-spin fa-3x fa-fw'></i>"); 
}); 

Но я получаю сообщение об ошибке, что читает Uncaught SyntaxError: missing) after argument list. Если я просто добавлю какой-то текст, например «Подключение ...» вместо шрифта, который будет работать без ошибок.

Answer 1

вместо .text() использование .html()

Answer 2

Это мой код, как я хотел бы сделать

$(".home-signup-button.button-add").click(function(){ 
     $('#change').html("<i class='fa fa-circle-o-notch fa-spin fa-3x fa-fw'></i>"); 
    }); 

Answer 3

Одно решение было бы сделать следующее:

$(".home-signup-button.button-add").click(function(){ 
    $(this).html("<i class='fa fa-circle-o-notch fa-spin fa-3x fa-fw'></i>"); 
}); 

Вы также можете сделать это :

$(".home-signup-button.button-add").click(function(){ 
    $(this).append($('i').addClass('fa fa-circle-o-notch fa-spin fa-3x fa-fw')); 
});