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