用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来做到这一点，这似乎是由第三方物流更容易处理由什么标准