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>.