jQueryで2つの要素のグループをラップする方法は？

Question

I持って次のコード：

<span>Hello</span> 
<span>Hello</span> 
<span>Hello</span> 
<span>Hello</span> 
<span>Hello</span> 
<span>Hello</span> 

が、私はこの中にそれを変更したい：

<div> 
    <span>Hello</span> 
    <span>Hello</span> 
</div> 
<div> 
    <span>Hello</span> 
    <span>Hello</span> 
</div> 
<div> 
    <span>Hello</span> 
    <span>Hello</span> 
</div> 

私はこれをどのように行うことができますか？

Answer 1

更新

使用このコードの代わりに - それは、親内の子要素の位置に依存しないよう、それは、より汎用性の高いです：

var odds = $("span:odd"); 
var evens = $("span:even"); 
var i = 0; 
odds.each(function() { 
    $(this).add(evens[i]).wrapAll('<div></div>'); 
    i++; 
}); 

---

はでそれを考え出しましたオンライン検索のビット：

$("span:nth-child(odd)").each(function() { 
    $(this).add($(this).next()).wrapAll('<div></div>'); 
}); 

span:nth-child(odd)は毎秒<span>が選択されることを意味します。 $(this).add($(this).next())は現在の<span>と次のものを選択し、次に.wrapAllを<div>タグにまとめてラップします。

希望すると助かります！

Answer 2

あなたはこのように、）（.sliceでそれを行うことができます。

var divs = $("div>div"); 
for(var i = 0; i < divs.length; i+=2) { 
    divs.slice(i, i+2).wrapAll("<div class='new'></div>"); 
}