javascript - 如何更改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() 而不是 .text():

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