嵌套在 jQuery 模板中答案

【问题标题】：Nested eachs in jQuery template嵌套在 jQuery 模板中
【发布时间】：2011-12-14 16:54:45
【问题描述】：

如何在嵌套的{{each}} 上获取父 $value？我更喜欢“直接”解决方案，而不必创建第二个模板，并从第一个模板中使用它。

【问题讨论】：

然后重新排列你的数据

【解决方案1】：

你可以这样做：${ parentItem.Name }，如果父项被称为parentItem，而所需的成员变量被称为Name。这是一个示例，大致基于jQuery API docs for {{each}} 中的电影示例：

模板：

<li>
    Title: ${Name}.<br />
    {{each(i, edition) Editions}}
        ${i + 1}: <em>${edition.Name}. </em><br />
        Languages: <br />
        {{each(i, language) Languages}}
            ${language} (${$data.Name}, ${edition.Name}) <br />  
        {{/each}}
        <br />
    {{/each}}
</li>

数据（本例中只有一项）：

var movies = [
    {
        Name: "City Hunter",
        Editions: [
            {
                Name: "Original", 
                Languages: ["Mandarin", "Cantonese"]
            },
            {
                Name: "DVD",
                Languages: ["French", "Spanish"]
            }
        ]
    }
];

结果：

标题：城市猎人。 1：原创。语言：普通话（城市猎人，原版）粤语（城市猎人，原创） 2：DVD。语言：法语（城市猎人，DVD）西班牙语（城市猎人，DVD）

在本例中，内部 {{each}} 正在从以下位置获取值：

外层{{each}}与${edition.Name}
带有${$data.Name}的根模板数据

【讨论】：