H1标签变量

Question

我的追加行“key”和“value”中有一个变量，但我不知道如何保持键值的span格式。要使蓝色位于关键变量上。

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

浏览器上的结果

键：0004a32eb300

应该是什么：

用户：0004a32eb300 ^用户是蓝色

提前谢谢

Answer 1

http://coffeescriptcookbook.com/chapters/strings/interpolation

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

Answer 2

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

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

然后用CoffeeScript如下：

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

看到它正常工作here。