如何更改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>');