javascript - 我如何将数组划分为子数组，每个子数组包含 5 个元素，并将单独的类应用于每个子数组中的元素

Question

我有一组“n”“li”个元素。我想使用 jquery 将下面的列表划分为“x”个子集，以便每个子集都有 5 个“li”元素。另外，希望对每个子集应用不同的类例如

<ul>
 <li>text1</li>
 <li>text1</li>
  ...
 ......
 <li>text1</li>
 <li>text1</li>
</ul>

子集 1

<li class="sebset1"></li>
<li class="sebset1"></li>
<li class="sebset1"></li>
<li class="sebset1"></li>
<li class="sebset1"></li>

子集 2

<li class="sebset2"></li>
<li class="sebset2"></li>
<li class="sebset2"></li>
<li class="sebset2"></li>
<li class="sebset2"></li>

Answer 1

试试这个

let subsetNumber =0;

$('ul li').each(function(i)
{
    if(i %5 ==0)
   {
    subsetNumber++;
   }
   $(this).addClass( "sebset" + subsetNumber);   
});

.sebset1{
color:red;
}

.sebset2{
color:green;
}

.sebset3{
color:blue;
}
.sebset4{
color:black;
}
.sebset5{
color:blue;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
 <li>text1</li>
 <li>text2</li>
 <li>text3</li>
 <li>text4</li>
 <li>text5</li>
 <li>text6</li>
 <li>text7</li>
 <li>text8</li>
 <li>text9</li>
 <li>text10</li>
 <li>text11</li>
 <li>text12</li>
 <li>text13</li>
 <li>text14</li>
 <li>text15</li>
 <li>text16</li>
 <li>text17</li>
 <li>text18</li>
 <li>text19</li>
 
</ul>