使用jQuery替换Div内容并显示FontAwesome图标问题求助

问题出在你用了jQuery的text()方法——这个方法会把所有传入的内容当作纯文本输出，所以你拼接的<i>标签不会被浏览器解析成HTML元素，自然就只显示代码文本了。

只需要把text()换成html()方法，就能让浏览器正确解析HTML标签，渲染出FontAwesome图标：

function changeSelected(boxName, name) {
  var newText = "you have chosen " + name + " - <i class='fa-solid fa-" + name + "' aria-hidden='true'></i>";
  $('#' + boxName + 'Chosen').html(newText);
}

额外注意两点：

• 要确保页面已经正确引入FontAwesome的CSS资源，没有这个基础，即使标签写对了也显示不出图标。
• 确认传入的name是有效的FontAwesome图标名称，比如user、star这类官方认可的名称。

内容的提问来源于stack exchange，提问作者Jim