Jquery 中的 Glyphicon 图标答案

【问题标题】：Glyphicon Icons in JqueryJquery 中的 Glyphicon 图标
【发布时间】：2014-04-07 03:12:24
【问题描述】：

我需要一个像这样的字形图标：

<i class="glyphicon glyphicon-remove-circle"></i>

我想根据从 ajax 调用获得的结果，使用 jquery 将此图标附加到段落中。

我试过了，但它不起作用。

var icon="<i class='glyphicon glyphicon-remove-circle' title='Insert an appropriate value'></i>";
 $(idprop).append(icon);

"idprop" 是段落标签的 id。这是正确的方法吗？

【问题讨论】：

为什么你认为这不是正确的方法
用于获取具有特定 id 的元素使用 #。例如使用 $("#idprop").append(icon);

标签： javascript jquery jquery-ui glyphicons

【解决方案1】：

自"idprop" is an id to paragraph tag.您需要使用# 来通过id 定位元素：

$('#idprop').append(icon);

【讨论】：

我推荐这个答案。

【解决方案2】：

你已经得到了答案（你应该使用'#id'）但我喜欢这样：

var icon = $('<i/>', {
    'class':'glyphicon glyphicon-remove-circle',
    'title':'Insert an appropriate value'
 });

 $('#idprop').append(icon); // appends at last

 // Most probably you need to use prepend
 $('#idprop').prepend(icon); // appends at firstst

【讨论】：