如何使用 mootools 对元素进行切片？

Question

如何使用 mootools 对元素进行切片？ 例如我想在所有“li”之前注入“

”（不是
）一个“跨度”孩子。 源代码：

<ul>

   <li>
       <a></a>
   </li>

   <li>
       <a></a>
   </li>
<!-- i want insert "</ul><ul>" Here -->
   <li> 
       <span></span>
   </li>

   <li>
      <a></a>
   </li>

   <li>
     <a></a>
   </li>

   <li>
     <a></a>
   </li>

<!-- i want insert "</ul><ul>" Here--> 
   <li>
      <span></span>
   </li>

   <li>
      <a></a>
   </li>

   <li>
      <a></a>
   </li>

</ul>

输出：

<ul>

       <li>
           <a></a>
       </li>

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

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

       <li>
          <a></a>
       </li>

       <li>
         <a></a>
       </li>

       <li>
         <a></a>
       </li>

</ul>

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

       <li>
          <a></a>
       </li>

       <li>
          <a></a>
       </li>

    </ul>

感谢您的帮助

Answer 1

以下是 mootools Element 类

Element.implement({
    'slice' : function(keys) {
        var keys = Array.from(keys),
            newParent = false;
        this.getChildren().each(function(child) {
            if(keys.contains(child)) {
                newParent = new Element(this.get("tag"))
                    .inject(newParent?newParent:this, "after");
            }
            if(newParent) 
                newParent.adopt(child);

        }, this);
    }
});
window.addEvent("domready", function() {
    $("toSlice").slice($(".keyElt"));
});

及其 jsfiddle 的切片函数的可能实现：
http://jsfiddle.net/cFukg/1/