如何使用jquery在输入字段中添加图标？

Question

我输入了提交按钮，我想添加图标，以便获得SEND >

<i class="fa fa-arrow-right"></i>

<input type="submit" value="SEND" class="wpcf7-form-control wpcf7-submit">

Answer 1

根据您的最新评论，您可以浏览wp-form plugin的文档：

<div class="column-full">
     <label>[submit "SEND"]<i class='fa fa-arrow-right'></i></label>
</div> 

只需将课程添加到input[type='submit']：

即可

<input type="submit" value="SEND" class="wpcf7-form-control wpcf7-submit fa fa-arrow-right">  

使用jQuery：

$('.wpcf7-form-control.wpcf7-submit').addClass('fa fa-arrow-right');

Answer 2

您可以在下面使用：

$(document).ready(function(){
   $('input[type="submit"]').addClass('fa fa-arrow-right'); // What ever class you required you can add here
})