Jquery 遍历把手中的子元素
例如,我有以下数据集Jquery 遍历把手中的子元素,jquery,handlebars.js,Jquery,Handlebars.js,例如,我有以下数据集 dataset = {header: ' header' } dateline = { content: 'list of dates' } monday = [ { food:'teacake' , drink:'orange' } ] tuesday = [ { food:'eggs' , drink:'beer' } ] dateline.monday = mo
dataset = {header: ' header' }
dateline = { content: 'list of dates' }
monday = [
{ food:'teacake' , drink:'orange' }
]
tuesday = [
{ food:'eggs' , drink:'beer' }
]
dateline.monday = monday
dateline.tuesday = tuesday
dataset.dateline = dateline
我想做的是用手柄条在白天跑步,我想这可以用child来完成
<script id="mwl707" type="text/x-handlebars-template">
{{#each dateline.children }}
<span>{{food}} : {{drink}}</span>
{{/each}}
</script>
{{#每个日期行.children}
{{食物}:{{饮料}
{{/每个}}
但我不能让它工作,有什么帮助吗 手柄不提供迭代对象属性的内置方式。看见您可以改为以手柄支持的方式格式化数据,如普通数组。我不会在这里重复代码,它在链接的帖子中
此外,您不应该将
标记放在fiddle的javascript平原中。改用外部资源部分。我更新了你的小提琴,让它工作:
您不应该在星期一和星期二再次将对象包装在[]
括号中,这是不必要的额外解析级别。只需在父对象中创建一个days数组,因为数组在handlebar中更容易解析
dataset = {header: ' header' } //
dateline = { content: 'list of dates' }
monday = { "food":"teacake" , "drink":"orange" }
tuesday = { "food":"eggs" , "drink":"beer" }
dateline.days = []
dateline.days.push(monday)
dateline.days.push(tuesday)
然后您可以像这样解析它:
{{#dateline.days }}
<span>{{food}} : {{drink}}</span>
{{/dateline.days}}
{{{#dateline.days}
{{食物}:{{饮料}
{{/dateline.days}
还要确保将有效的JSON传递给模板。如果不确定,可以使用