[英]H1 Tag Variable
I have a variable in my append line "key" and "value" but I do not know how to keep span format for the key value. 我的附加行“key”和“value”中有一个变量,但我不知道如何保持键值的span格式。 To have the blue color be on the key variable. 使蓝色位于关键变量上。
for key,value of data
$('#data-results').append "<br>" + "<li>" + """<span style="color: #0000CD;"> key </span>""" + ": " + value
Results on Browser 浏览器上的结果
key: 0004a32eb300 键:0004a32eb300
What it should be: 应该是什么:
user: 0004a32eb300 ^ user being blue user:0004a32eb300 ^用户为蓝色
Thank you in advance 先感谢您
http://coffeescriptcookbook.com/chapters/strings/interpolation
$('#data-results').append "<br>" + "<li>" + """<span style="color: #0000CD;"> #{key} </span>""" + ": " + value
You should either use a template, or build up your HTML using jQuery. 您应该使用模板,或使用jQuery构建HTML。 Also, don't use inline styles, add CSS like this: 另外,不要使用内联样式,像这样添加CSS:
li span.key-from-data {
color: #0000CD;
}
Then with CoffeeScript as follows: 然后用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
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.