如何更改jQuery按钮图标

Question

我右边有一个按钮：

        <button type="submit" class="btn blue pull-right" id="RequestNewPwd">
           Submit <i class="m-icon-swapright m-icon-white"></i>
        </button>

带有文本和图标。 我试图像这样通过javascript来更改文本和图标：

            $("#RequestNewPwd").button({
                label: "Sent",
                icons: {
                    primary: "m-icon-swapleft  m-icon-white",
                }
            })

但这行不通。 我也尝试过：

$("#RequestNewPwd").text('Submit <i class="m-icon-swapright m-icon-white"></i>');

它会打印html代码，如文本。 这有效：

$("#RequestNewPwd").text('Submit'); 

但是我还需要显示图标。 有人可以帮我吗？ 谢谢！

Answer 1

您必须使用.html()将字符串呈现为html元素。

尝试，

$("#RequestNewPwd").html('Submit <i class="m-icon-swapright m-icon-white"></i>');

Answer 2

在添加html时，需要使用.html()而不是.text() ：

$("#RequestNewPwd").html('Submit <i class="m-icon-swapright m-icon-white"></i>');