在jQuery模板中嵌套各自

Question

如何獲得嵌套{{each}}上的父$值？我更喜歡「直接」解決方案，而不必創建第二個模板，並從第一個模板中使用它。

Answer 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"] 
      } 
     ] 
    } 
]; 

結果：

 
Title: City Hunter. 
1: Original. 
Languages: 
Mandarin (City Hunter, Original) 
Cantonese (City Hunter, Original) 

2: DVD. 
Languages: 
French (City Hunter, DVD) 
Spanish (City Hunter, DVD) 

在這個例子中，內{{each}}從得到的值：

• 外{{each}}與${edition.Name}
• 根模板數據與${$data.Name}