将数组附加到jquery模板中

Question

我正在尝试使用jquery模板在我的网页中附加一个数组项[。

items=[{'name' => 'test',
        'values' => 
           [
            {
            'ver' => 2,
            'count' => 469,
           },
           {
            'ver' => 2,
            'count' => 445,
            }]},

        {'name' => 'test2',
        'values' => 
           [
           {
            'ver' => 4,
            'count' => 604,
            },
           {
            'ver' => 5,
            'count' => 469,
            }]}]

使用的附加代码是$("#div").tmpl(items).appendTo("#divTable");

我已指定$ {name}来获取打印输出水果和Veg，因为name是另一个数组，我该怎么打印？我用了$ {values.ver}，它没有用...

Answer 1

要迭代jQuery.tmpl中的数组，您可以使用{{each}} - 模板语言构造或{{tmpl}}。

“每个”只会迭代每个项目，自动将其放入$index和$value。一个例子：

${name} <br />
{{each values}}
  ver: ${$value.ver} <br />
  count: ${$value.count} <br />
{{/each}}

或者，“tmpl”将允许您创建一个专门用于子阵列的新模板。