Javascript 如何在jquery mobile中添加图标？

在jquery mobile中，我动态添加了如下标记：

str += '<img class="ui-icon-location"/>' + obj['address'] + ', ' + obj['city'] + ', ' + obj['country'];

str+='
谢谢您可以在
标签上使用
标签。您需要再添加一个类
ui图标

<div class="ui-icon ui-icon-location"></div>



注意：对
标记应用相同的css

更新：如果您想使用span

<span class="ui-icon ui-icon-location" style="display: inline-block"/>

这对我来说很有用

<span class="ui-icon-location ui-btn-icon-left" style="position:relative;"/>

对于内联图标，可以使用span和一些CSS

<span class="ui-icon-location ui-btn-icon-notext inlineIcon"></span>

.inlineIcon {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-right: 6px;
}


.inlineIcon{
显示：内联块；
位置：相对位置；
垂直对齐：中间对齐；
右边距：6px；
}

因此，对于动态插入：

var str = '<span class="ui-icon-location ui-btn-icon-notext inlineIcon"/>' + obj["address"] + ', ' + obj["city"] + ', ' + obj["country"];    
$("#dynamicText").empty().append(str);

var str=''+obj[“地址”]+'、'+obj[“城市”]+'、'+obj[“国家”]；
$（“#dynamicText”）.empty（）.append（str）；

如果您喜欢背景中没有灰色磁盘的黑色图标：

<span class="ui-alt-icon ui-icon-location ui-btn-icon-notext inlineIconNoDisk"></span>

.inlineIconNoDisk {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-right: 2px;
}
.inlineIconNoDisk:after {
    background-color: transparent;
}


.inlineIconNoDisk{
显示：内联块；
位置：相对位置；
垂直对齐：中间对齐；
右边距：2px；
}
.inlineIconNoDisk：之后{
背景色：透明；
}

这里有两个选项的演示：

我的缺点是，我对glyphicons感到困惑…jQuery移动图标可以应用于按钮、div和span等。图标不会显示，因为div中没有内容。我不认为固定大小也是一个好主意，因为这样它在不同的设备大小上不能很好地伸缩。说要使用
span
而不是
div
我试过
，但还是没有图标显示，因为没有内容，结果是0px乘以0px。。。