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

Answer 2

您必須使用.html()才能將字符串呈現爲html元素。

嘗試，

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