使用jquery添加图标

时间:2015-07-20 16:27:57

标签: jquery html css

我想在文字&#34;订阅&#34;之前添加字体真棒图标(<i class="icon-sun"></i>)

我有

<input type="submit" class="newsletter-submit" value="Subscribe">

我试试这个

    $('.quick_newsletter .newsletter .newsletter-submit').val(<i class="icon-sun"></i>.'Subscribe');

但它不起作用。我只看到&#34;订阅&#34;没有图标。

由于

2 个答案:

答案 0 :(得分:1)

你使用了jquery 错误+错误.val()。您需要使用.before()代替val()

对于I.E。

$('.quick_newsletter .newsletter .newsletter-submit').before('<i class="icon-sun"></i>Subscribe');

如果你仍想使用 val(),你可以使用

$('.quick_newsletter .newsletter .newsletter-submit').val('<i class="icon-sun"></i>Subscribe');

有关详细信息,请查看:http://www.rempixels.com/2015/04/font-icons-submit-input.html

答案 1 :(得分:1)

只需使用按钮即可。输入字段不允许HTML代码为值:

<button type="submit" class="newsletter-submit"><i class="icon-sun"></i> Subscribe</button>