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>