Разделить несколько LI на UL с Javascript

Question

Мне нужно разбить несколько LI на два UL с javascript.

только код, который я могу редактировать это 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 подсчитать Л.И. внутри UL и сделать 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> 

Сайт использует прототип. Кто-нибудь знает пример этого и как я должен начать? Спасибо заранее!

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 Theres smarty..iteration, который будет делать то, что я показал с countSoFar автоматически. Посмотрите, на что способен механизм шаблонов, и как вы можете реализовать то, что я набросал выше.

Я не думаю, что вам нужен прототип или любой JavaScript, чтобы сделать это, и кажется, что проблема гораздо легче обрабатывается ТПЛ