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