jQuery .append（）不使用引导程序图标

Question

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

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>。