用Javascript拆分多個LI到UL

Question

我需要將多個LI拆分爲兩個帶有javascript的UL。

只有代碼，我可以編輯是templatefile：

[foreach array="nodes" as="node"] 
    <li> 
    <a href="%prefix%view/%node.id%" [if expr="%node.id%==%id% || %node.id%==%parent_id%"] class="hoofdmenuactief"[/if]>%node.title%</a> 
      %node.subnodes_html% 
    </li> 
[/foreach] 

PHP不能被添加到該文件，所以我想用JavaScript來解決這個問題：

<ul> 
    <li><a href="#">Item 1</a></li> 
    <li><a href="#">Item 2</a></li> 
    <li><a href="#">Item 3</a></li> 
    <li><a href="#">Item 4</a></li> 
    <li><a href="#">Item 5</a></li> 
    <li><a href="#">Item 6</a></li> 
</ul> 

我想Javascript來算LI的在UL裏面並且用LI's製作2 UL'd

結果應該是：

<ul> 
<li><a href="#">Item 1</a></li> 
    <li><a href="#">Item 2</a></li> 
    <li><a href="#">Item 3</a></li> 
</ul> 
<ul> 
    <li><a href="#">Item 4</a></li> 
    <li><a href="#">Item 5</a></li> 
    <li><a href="#">Item 6</a></li> 
</ul> 

該網站使用Prototype。 有人知道這個例子或我應該如何開始？ 在此先感謝！

Answer 1

我認爲你可以在你的模板中做到這一點。我只用Smarty的，所以你得給點上的語法

[LET nodesLen = nodes.length] 
[LET countSoFar = 0] 
[foreach array="nodes" as="node"]  --attributes for key? name? could be helpful 
    <li> 
    <a href="%prefix%view/%node.id%"]>%node.title%</a> 
    </li> 
[countSoFar++] 
[if countSoFar >= nodesLen/2] 
    <ul> 
    </ul> 
[/if] 
[/foreach] 

連接在智者那裏有smarty..iteration它會做什麼，我countSoFar自動顯示。看看你的模板引擎能夠做什麼，以及你如何實現上面所描述的內容。

我不認爲你需要的原型或任何JavaScript來做到這一點，這似乎是由第三方物流更容易處理由什麼標準