Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 遍历把手中的子元素_Jquery_Handlebars.js - Fatal编程技术网

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传递给模板。如果不确定,可以使用