jquery tmplネストされた配列のサブ要素にアクセスする

Question

テンプレート用にjQuerys "tmpl"プラグインを使用しています。今私は配列でもある要素を持つ配列を持っており、特定の要素にアクセスする必要があります。

すなわち、配列は次のようになります。

var arr = { 
    'id':23422, 
    'title':'example', 
    'images': {'small':'34fge.jpg','original':'dfsdf354.jpg'} 
}; 

そして今、寺に私は[小] ARR [画像]をアクセスしたいのですが、それは動作しません。私がしようとしているのは：

<div> 
    <h3>${title}</h3> 
    <img src="${arr}{images}{small}" /> 
</div> 

誰でも助けて/アイデア？次のマークアップを提供します

Answer 1

使用<img src="${images.small}" />：実際には

<div> 
    <h3>example</h3> 
    <img src="34fge.jpg"> 
</div> 

は、imagesプロパティは、ネストされたarrayが、プロパティを持つobjectではありません。

しかし、あなたが本当にネストされた配列をループする場合は、あなたがnested templateを使用して、構文を少し変更する必要があります（[]の画像のプロパティの周りに注意してください）：

Javascriptを

var arr = { 
    'id': 23422, 
    'title': 'example', 
    'images': [ 
     { 'small': '34fge.jpg', 'original': 'dfsdf354.jpg' }, 
     { 'small': '35fge.jpg', 'original': 'dfsdf.jpg' } 
    ] 
}; 

テンプレート私はすでに午前汝全ての助言のための

<script id="template" type="text/x-jquery-tmpl"> 
    <div> 
    <h3>${title}</h3> 
    {{tmpl(images) "#imagesTemplate"}} 
    </div> 
</script> 
<script id="imagesTemplate" type="text/x-jquery-tmpl"> 
    <img src="${small}" /> 
    <img src="${original}" /> 
</script>