javascript - wrapAll jQuery 问题

Question

我需要将三个 div 合并为一个，但是这三个 div 在代码中重复了好几次。也许我的 HTML 会解释:

<div class="one" />
<div class="two" />
<div class="three" />

<div class="one" />
<div class="two" />
<div class="three" />

我想要实现的是:

<div class="wrap">
  <div class="one" />
  <div class="two" />
  <div class="three" />
</div>

<div class="wrap">
  <div class="one" />
  <div class="two" />
  <div class="three" />
</div>

这是将所有内容包装到一个 div 中:

$('.one, .two, .three').wrapAll('<div class="wrap" />')

如何让组分开包装？

Answer 1

$(function(){
    var all = $('.one, .two, .three');
    for(i=0; i<all.length; i+=3){
        all.slice(i,i+3).wrapAll('<div class="wrap" />');
    }
});

查看实际效果:http://jsbin.com/uqosa/

顺便说一下，<div class="one" />在 Firefox 上对我不起作用，我不得不用 </div> 关闭它们.