Javascript 无法在提交按钮中动态使用字体图标

我可以使用以下HTML将字体图标用作按钮文本：

<button tabindex="4" type="submit" id="submit" class="btn btn-primary btn-lg disabled" onclick="sendemail(); return false;"><i class="fa fa-paper-plane" aria-hidden="true"></i></button>

但是，我需要使用JQuery动态执行此操作：

var contact_form = $('div#contact.pbmodal div.modal-dialog div.modal-content form');
var submit_button = contact_form.find('button#submit');
submit_button.text('<i class="fa fa-paper-plane" aria-hidden="true"></i>');

var contact_form=$（'div#contact.pbmodal div.modal-dialog div.modal-content form'）；
var submit_button=contact_form.find（'button#submit'）；
提交按钮文本（“”）；

上面的JQuery将字体元素输出为文本标记，即按钮显示的是

，而不是实际的图标。

更改此行：

submit_button.text('<i class="fa fa-paper-plane" aria-hidden="true"></i>');

submit_按钮文本（“”）；

到

submit_按钮（“”）之后；

使用

.html（）

将html标记添加到DOM中，否则

.text（）

会将代码添加为文本：

submit_button.html('<i class="fa fa-paper-plane" aria-hidden="true"></i>');

submit_button.html（“”）；

希望这有帮助

var提交按钮=$（“#提交”）；
submit_button.html（“”）
如果您只想要一个带有图标的按钮，最好将字体类添加到按钮中：

submit_button.addClass('fa fa-paper-plane');

您将看到：

<button tabindex="4" type="submit" id="submit" class="btn btn-primary btn-lg disabled fa fa-paper-plane" onclick="sendemail(); return false;"></button>



这是一个与前面的HTML相同的JSFIDLE

将
提交按钮.text（“…”）
更改为
提交按钮.html（“…”）

Text插入您输入的准确的
Text
，而
html
解释html代码。
请阅读jQuery文档，找出
Text（）
和
html（）之间的区别。
<button tabindex="4" type="submit" id="submit" class="btn btn-primary btn-lg disabled fa fa-paper-plane" onclick="sendemail(); return false;"></button>