javascript - 将数组附加到 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

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

"Each" 只会遍历每个项目，自动将其放入$indexand中$value。一个例子：

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

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