$.each(hotData, function(index, item) {
<s class=${item.flag ? "iconfont icon-shangsheng" : "iconfont icon-xiajiang"}></s>});
$(".sup").html(supHTML);
得到的结果 是<s class="iconfont" icon-shangsheng></s> 而不是<s class="iconfont icon-shangsheng"></s> ;
原因:
模板文字中的双引号不是外部字符串的一部分,因此必须在外部用引号将类值括起来。
确保class="
和"
在模板文字之外
代码如下就可以:
$.each(hotData, function(index, item) {
<s class="${item.flag ? "iconfont icon-shangsheng" : "iconfont icon-xiajiang"}"></s>
});