jQuery的模板：如何從陣列

Question

這個例子訪問數據對象，我不工作：

$.tmpl('<span class="ui-button ui-widget ui-icon-${data}">\ 
     ${data}</span>', \ 
     ["info", "delete"]\ 
) 

，因爲它會返回任何到位$ {}數據的。我也嘗試了$ {item}，這給了我相同的結果。

我想實現的是在第一個生成的跨度中插入文本「info」，在下一個跨度中插入「delete」。

作爲一種變通方法，我可以在對象通過像這樣：

[{name: "info"}, {name: "delete"}] 

並用${name}直接訪問它們。

但是如何讓它在沒有解決方法的情況下工作？在aray中獲取元素的正確語法是什麼？

Answer 1

您忘記了在數據前添加一個$符號。 更改${data}到${$data}

試試這個：

$.tmpl('<span class="ui-button ui-widget ui-icon-${$data}">${$data}</span>', ["info", "delete"]) 

工作例如@http://jsfiddle.net/ythSP/