javascript - 原型(prototype)插入后

Question

我试图将一个包含八个项目的无序列表分解为两个列表，每个列表包含四个项目。

我认为 .insert在第四个列表项之后关闭和打开标签应该将其剪切:

if(i == 3) {
  $(li).insert({
    after: "</ul><ul>"
  });
}

但是 Prototype 给了我 <ul></ul>顺序相反。

<ul>
  <li />
  <li />
  <li />
  <li />
<ul></ul>
  <li />
  <li />
  <li />
  <li />
</ul>

这个有简单的答案吗？

Answer 1

这是我的做法

HTML:

<div id="list">
        <ul id="original">
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
            <li>7</li>
            <li>8</li>
            <li>9</li>
        </ul>
    </div>

Javascript:

var ul = new Element('ul');
$$('#original li').each(function(li, index) {
    if (index % 3 == 0 && index > 0) {
        $('list').insert({
            bottom: ul
        });
        ul = new Element('ul');
    }
    ul.insert({
        bottom: li
    });

});
$('list').insert({
    bottom: ul
});
$('original').remove();

看直播example