2012-04-26 56 views
0

我想在我的网页中使用jquery模板追加数组items []。使用将数组追加到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");

我已经指定$ {名称}来获得打印输出的水果和蔬菜,由于名称是另一阵列,如何把它印刷???香港专业教育学院使用$ {} values.ver,它不WRK ...

+0

我们可以看到创建'#div'-模板的代码吗? – Avaq 2012-04-26 19:47:31

+0

<脚本ID = “DIV” 类型= “文本/ X-jQuery的TMPL”> $ {名称} $ {values.ver} – Sam 2012-04-26 19:51:22

+0

稀释,1秒。创建答案。 – Avaq 2012-04-26 19:53:16

回答

0

要在jQuery.tmpl内遍历数组,你可以使用{{each}} -template-语言结构,或{{tmpl}}

“每个”只会迭代每个项目,自动将其放入$index$value。举例:

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

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

+0

我也添加了一个单选按钮与jQuery模板,用户只能被允许从每个部分选择一个单选按钮$ {name}
{{each values}} 版本:$ {$ value.ver}
计数:$ {$ value.count}
{{/每}} – Sam 2012-04-27 05:17:51