如何在按钮的文本中显示图标

Question

我正在使用ASP.NET MVC。我的目标就是要改变这个按钮

<input type="submit" value="Save and Continue" class="btn btn-primary pull-left" /> 

的文字从“保存并继续”到“保存... < I类=”发发微调发旋“> </I>”一旦用户点击它。我仍然在寻找答案的过程中，但我想要做的是改变使用jQuery

$("input[type='submit']").click(function() { 

     //$("input[type='submit']").val("Saving... " + ?); 
}); 

这是可以做到的。点击方法的文本？是否有一个Html帮助器方法使用？感谢您的时间。

Answer 1

尝试这样，

<button type="submit"><i class="fa fa-spinner fa-spin"></i></button>, 

最初，它会告诉你想要的图标，或者您可以使用文字以及。

在你的jquery函数中，修改innerHtml文本以及图标，就像在类型按钮中一样，你不能显示图标。 。

JQuery的变化：

$("button[type='submit']").click(function() { 

    $(this).html("Saving... <i class=\"fa fa-spinner fa-spin\"></i>"); 
});