jquery - N個の要素ごとにグループ化

Question

複数の li 要素を含むことができる ul があります。たとえば、これが html の場合、n 個ごとに div 内に配置する必要があります。

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
</ul>

結果を次のようにしたい：

<div id=firstgroup">
    <li>1</li>
    <li>2</li>
</div>
<div id=secondgroup">
    <li>3</li>
    <li>4</li>
</div>
<div id="thirdgroup">
    <li>5</li>
    <li>6</li>
</div>
<div id=fourthgroup">
    <li>7</li>
    <li>8</li>
</div> 

など、ここでは、2 つの要素ごとに新しい div にグループ化しています。

Answer 1

これは以下のように行うことができます。

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

Live Demo