jquery - 使用 jquery 每 3 ul 应用不同的 css 类

Question

我有很多 li，我正在遍历它们并将它们分成 5 组，但我需要对每 3 组应用不同的类，所以它看起来像这样

<ul class="class1"><li></li><li></li> <li></li><li></li><li></li></ul>
<ul class="class2"><li></li><li></li><li></li><li></li><li></li></ul>  
<ul class="class3"><li></li><li></li><li></li><li></li><li></li></ul>  

<ul class="class1"><li></li><li></li><li></li><li></li><li></li></ul>  
<ul class="class2"><li></li><li></li><li></li><li></li><li></li></ul>  
<ul class="class3"><li></li><li></li><li></li><li></li><li></li></ul>    

<ul class="class1"><li></li><li></li><li></li><li></li><li></li></ul>  
<ul class="class2"><li></li><li></li><li></li><li></li><li></li></ul>  
<ul class="class3"><li></li><li></li><li></li><li></li><li></li></ul>  

我用它来对它们进行分组

var lis = $(".leftHover ul li");  
for(var i = 0; i < lis.length; i+=5) { 
  is.slice(i, i+5).wrapAll(<ul></ul>);  
}

Answer 1

apply different css class every 3 ul with jquery

您可以使用 nth-child 像这样的选择器:

$(".leftHover ul li:nth-child(3n)").addClass('className');

这将为每 三分之一添加类<li>在类 leftHover 的元素下.您当然可以更改 3 的参数满足您的要求。