Javascript 如何将数组划分为子数组(每个子数组包含5个元素),并对每个子数组中的元素应用单独的类
我有一组“n”“li”元素。我想使用jquery将下面的列表分成一个“x”子集,这样每个子集都有5个“li”元素。另外,您希望对每个子集应用不同的类 e、 gJavascript 如何将数组划分为子数组(每个子数组包含5个元素),并对每个子数组中的元素应用单独的类,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一组“n”“li”元素。我想使用jquery将下面的列表分成一个“x”子集,这样每个子集都有5个“li”元素。另外,您希望对每个子集应用不同的类 e、 g 文本1 文本1 ... ...... 文本1 文本1 子集1 <li class="sebset1"></li> <li class="sebset1"></li> <li class="sebset1"></li> <li class="sebset1"
- 文本1
- 文本1
...
......
- 文本1
- 文本1
子集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>
试试这个
让subsetNumber=0;
$('ul li')。每个(功能(i)
{
如果(i%5==0)
{
子编号++;
}
$(this).addClass(“sebset”+子编号);
});代码>
.sebset1{
颜色:红色;
}
.塞布塞特2{
颜色:绿色;
}
.sebset3{
颜色:蓝色;
}
.塞布塞特4{
颜色:黑色;
}
塞布塞特先生5{
颜色:蓝色;
}
- 文本1
- 文本2
- 文本3
- 文本4
- 文本5
- 文本6
- 文本7
- 文本8
- 文本9
- 文本10
- 文本11
- 文本12
- 文本13
- 文本14
- 文本15
- 文本16
- 文本17
- 文本18
- 文本19
或在js中:
设j=1;
[…document.queryselectoral('li')].forEach((li,i)=>{
li.classList.add(“sebset”+j);
如果(i!==0&&(i+1)%5==0)j++;
})
console.log([…document.querySelectorAll('li')])
- 文本1
- 文本1
- 文本1
- 文本1
- 文本1
- 文本1
- 文本1
- 文本1
- 文本1
- 文本1
- 文本1
- 文本1
<li class="sebset2"></li>
<li class="sebset2"></li>
<li class="sebset2"></li>
<li class="sebset2"></li>
<li class="sebset2"></li>