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

Question

我曾经使用 jquery 将字体真棒图标设置为 div 但失败了。我需要在具有某些样式的给定文本 "Web Frameworks" 之前设置字体真棒图标。这是 jquery 行。

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

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

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

任何人都可以建议最好的方法吗？

Answer 1

您可以只在 .html() 函数中包含 <i> 标签，这里是一个工作片段：

$('#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>

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

How set font awesome Icon witha text using jquery

html

css

jquery

font-awesome