如何使用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。如果我只是输入一些文字，例如＆＃34;正在连接...＆＃34;而不是字体真棒它没有任何错误。

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