Jquery模板:如何从数组访问数据对象

时间:2011-07-15 00:02:32

标签: jquery jquery-templates

此示例对我不起作用:

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

因为它不会返回$ {data}。我也试过了$ {item},这给了我相同的结果。

我想要达到的目的是在第一个生成的范围中插入文本“info”,在下一个范围内插入“delete”。

作为一种解决方法,我可以传递这样的对象:

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

并直接使用${name}访问它们。

但是如何在没有解决方法的情况下使其工作?在aray中获取元素的正确语法是什么?

1 个答案:

答案 0 :(得分:2)

您忘记在数据前添加一个$符号。 将${data}更改为${$data}

试试这个:

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

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