Jquery模板 - 嵌套的JSON

时间:2013-10-03 12:02:44

标签: jquery json jquery-templates

我需要在我的应用程序中显示学生的进度卡我正在使用jquery模板我面临一个问题我有一个json字符串如下所示

"[{"ID":1,
"Name":"Frank",
"Age":15,
"Status":"Pass",
"MarkList":[{"year":"11/28/2012","Status":"Pass","Mark":"100"},
{"year":"2011","Status":"Pass","Mark":"110"},
{"year":"2010","Status":"Pass","Mark":"120"},
{"year":"2009","Status":"Pass","Mark":"130"}]
}]"

我尝试了以下代码

{{each(i,item) $data}}
{{each(j,subItem) $item}}
<div>${year}</div>
<div>${Status}</div>
<div>${Mark}</div>
{{/each}}
{{/each}}

但页面没有加载我知道我的代码不正确但我不知道如何纠正...任何想法????

1 个答案:

答案 0 :(得分:1)

要遍历项目然后是标记列表,您可能需要以下内容:

{{each(i, person) $data}}
<div>${Name}</div>
<ul>
   {{each(j, list) MarkList}}
    <li>${year}</li>    
    {{/each}}
</ul>
{{/each}}

示例:http://jsfiddle.net/K8rsR/