jQuery tmplテンプレートの{{each}}ブロック内から外部スコープの変数にアクセスするにはどうすればよいですか？このコードで、例えば

Question

：

<div id="user_collection_requests-${id} table-cell" class="user_collection_requests"> 
     {{if requests}} 
      {{each(i, user) requests}} 
       <div id="user_collection_request-${id}-${user.id}" ... 
      {{/each}} 
     {{/if}} 
    </div> 

第${id}プリント外側オブジェクトのid属性が、${user.id}同じ第${id}プリント。私は外側のスコープのidを{{each}}ブロック内から取得したいと思います。

これは可能ですか？または、このような衝突が発生しないように変数に名前を付ける必要がありますか？

Answer 1

あなたは

http://api.jquery.com/parent/ 

.parent（jQueryの親メソッドを使用する必要がありますが）あなたの親プロパティの

Answer 2

<script id="template" type="text/x-jquery-tmpl"> 
    <div id="user_collection_requests-${id} table-cell" class="user_collection_requests"> 
     {{if user}} 
      {{each user}} 
       <div id="user_collection_request-${$data.id}-${id}"></div> 
      {{/each}} 
     {{/if}} 
    </div>  
</script> 

例を示します：簡単な言葉でhttp://jsfiddle.net/P4jGt/

Answer 3

使用${($data.UserId = Id),''}後でそれを使用するeachここで

UserIdとして私が使用しています私のコードは、スクリプトの1

<script id="templateFolderTop" type="text/html"> 
    <li> 
     ${($data.ParentTagSlug = Tag.replace(/[^a-zA-Z0-9_]/g,'-')),''} 
     <span class="CAPS"> 
      <a id="${ParentTagSlug}" onclick="_NewsManager.FolderSubCall(${Id})"></a> 
      <a href="#${ParentTagSlug}" class="top_menu_href" >${Tag}</a> 
     </span> 
     {{if ChildList.length}} 
     ${($data.ParentTag = ParentTagSlug),''} 
     <div class="dropdown_2columns"> 
      <div class="col_1 firstcolumn"> 
       <ul> 
        {{each ChildList}} 
        ${($data.TagSlug = Tag.replace(/[^a-zA-Z0-9_]/g,'-')),''} 
        <li> 
         <a id="${ParentTag}-${TagSlug}" onclick="_NewsManager.NewsListCall(${Id})"></a> 
         <a href="#${ParentTag}-${TagSlug}" >${Tag}</a> 
        </li> 
        {{/each}} 
       </ul> 
      </div> 
     </div> 
     {{/if}} 
    </li> 
</script> 

Answer 4

にあなたは{{各}}外の変数を宣言することができている

${($data.localVariable = $id),''} 

とアクセスをブロックします後で

${localVariable}