提问者:小点点

如何使用jquery设置带有文本的字体awesome图标


我曾经使用jquery将字体awesome图标设置为div,但是失败了。 我需要设置字体前给出的文本“网页框架”图标与一些风格。 这是jquery行。

$('#webTitle').html("Web Frameworks");

这是我需要插入的字体很棒的图标。

<i class="fa fa-bar-chart fa-2x" aria-hidden="true" style="padding-right: 20px;"></i>

谁能提出最好的办法来做这件事?


共1个答案

匿名用户

您可以只在.html()函数中包含标记,下面是一个工作片段:

null

$('#webTitle').html('<i class="fa fa-bar-chart fa-2x" aria-hidden="true" style="padding-right: 20px;"></i>Web Frameworks');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<div id="webTitle"></div>