如何使用 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>

只需将 class 添加到 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
})

How to add icon in input field with jquery?