H1 标签变量答案

【问题标题】：H1 Tag VariableH1 标签变量
【发布时间】：2014-05-02 09:20:15
【问题描述】：

我的附加行“键”和“值”中有一个变量，但我不知道如何保持键值的跨度格式。将蓝色放在关键变量上。

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

浏览器上的结果

密钥：0004a32eb300

应该是什么：

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

提前谢谢你

【问题讨论】：

标签： html coffeescript

【解决方案1】：

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

$('#data-results').append " " + "<li>" + """ #{key} """ + ": " + value

【讨论】：

 <li>#{key}:#{value}" 或 " <li>#{key}:#{value}" 可能会更好一些，混合 + 和插值对我来说有点奇怪。

【解决方案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。

【讨论】：