Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/qt/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将数组划分为子数组(每个子数组包含5个元素),并对每个子数组中的元素应用单独的类_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何将数组划分为子数组(每个子数组包含5个元素),并对每个子数组中的元素应用单独的类

Javascript 如何将数组划分为子数组(每个子数组包含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"

我有一组“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"></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>