将数组附加到 jquery 模板

Question

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

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} 来获取打印输出的水果和蔬菜，因为 name 是另一个数组，我如何打印它？我用过 ${values.ver}，它不起作用...

Answer 1

要遍历jQuery.tmpl 中的数组，您可以使用{{each}}-template-language-construct 或{{tmpl}}。

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

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

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