Html H1标记变量

我的附加行“key”和“value”中有一个变量，但我不知道如何保持键值的span格式。使蓝色显示在键变量上

    for key,value of data 
      $('#data-results').append "<br>" +  "<li>" + """<span style="color: #0000CD;"> key </span>""" + ": " + value

用于键，数据值
$（“#数据结果”）。追加“
”+“
”+“+”键“+”：“+值

浏览器上的结果

钥匙：0004a32eb300

它应该是什么：

用户：0004a32eb300 ^用户是蓝色的

提前谢谢你

---

$（“#数据结果”）。附加“
”+”
“+”“+”{key}“+”：“+value

您应该使用模板，或者使用jQuery构建HTML。另外，不要使用内联样式，添加如下CSS：

li span.key-from-data {
    color: #0000CD;
}

然后用咖啡脚本如下：

for own key, value of data
  $li = $ '<li>',
    text: ": #{value}"
  $span = $ '<span>',
    class: "key-from-data"
    text: key
  $li.prepend $span
  $('#data-results').append $li

对于自己的键，数据的值
$li=$'
'，
正文：“：#{value}”
$span=$''，
类：“来自数据的密钥”
文本：键
$li.prepend$span
$（“#数据结果”）。追加$li

看到它工作了。

{key}:{value}

或

{key}:{value}

可能会好一点，混合

+

和插值对我来说有点奇怪。