2012-04-26 88 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