Question

我想从类.metric-type循环SPAN字符串值，以便字符串（例如：＆＃34; Home-Icon＆＃34;）可以用作@iconurl的定义作为a参数到最后一个声明。基本上通过连接匹配的字符串来更新所有跨越内容网址的内容。有什么想法吗？

<span class="metric-type">Home-Icon</span>

@iconurl:"";

.iconStyle(@iconurl){
    content:url("/location/@{iconurl}.svg");
}
.metric-type{
   .iconStyle(@iconurl);
}

更新：通过使用content: attr(data-name)我能够实现一些动态功能但它非常有限，只能得到字符串结果，因为我无法将其与其他字符串变量连接起来生成图像。

虽然我在这里编辑可视内容，但语言不支持它，所以我在这里使用了所有jQuery解决方案：

$('.metric-type').each(function () {
    $(this).each(function () {
            var metricName= $(this).html();
$(this).html("<img src='/filelocation"+metricName+".svg'>"+metricName);
        });
});

Answer 1

已解决（通过jQuery代替）：我能够通过使用content: attr(data-name)来实现一些动态函数，但它非常有限并且只能获得字符串结果，因为我无法将其连接到其他用于生成图像的字符串变量。

虽然我在这里编辑可视内容，但语言不支持它，所以我在这里使用了所有jQuery解决方案：

$('.metric-type').each(function () {
    $(this).each(function () {
            var metricName= $(this).html();
$(this).html("<img src='/filelocation"+metricName+".svg'>"+metricName);
        });
});

动态内容网址

1 个答案: