jQuery .append() 不适用于 Bootstrap 图标

Question

我正在使用 jQuery 在按钮上的文本后面动态插入 Bootstrap Glyphicons。 a 元素上有一个属性 data-icon，它提供应该附加到链接文本的图标的名称。

var icon_n = $("a.btn.download").attr('data-icon');
$("a.btn.download").append(" <span class='glyphicon glyphicon-" + icon_n + "></span>");

HTML:

<a href="blog/2015/08/jquery-bootstrap-icons.download.html" class="btn btn-primary download" data-icon="download-alt">Download</a>

据我所知，这应该在文本后面插入图标。我检查了控制台，没有错误。我还检查了应该设置图标的实际元素，那里什么也没有。
为什么这不起作用，我怎样才能使它起作用？

Answer 1

您需要关闭 class属性:

$("a.btn.download").append(" <span class='glyphicon glyphicon-" + icon_n + "'></span>");

您错过了结束语 '在 <span> 的串联末尾之后元素。