Javascript 如何添加类别2、5、8等数字div

我正在创建图库，下面是示例html代码

<div class="probox">
         <img src="pro/th/Chair.jpg" />
          <h2>Chair</h2>
      </div>


<div class="probox">
         <img src="pro/th/Chair.jpg" />
          <h2>Chair</h2>
      </div>


<div class="probox">
         <img src="pro/th/Chair.jpg" />
          <h2>Chair</h2>
      </div>

<div class="probox">
         <img src="pro/th/Chair.jpg" />
          <h2>Chair</h2>
      </div>


<div class="probox">
         <img src="pro/th/Chair.jpg" />
          <h2>Chair</h2>
      </div>



<div class="probox">
         <img src="pro/th/Chair.jpg" />
          <h2>Chair</h2>
      </div>



<div class="probox">
         <img src="pro/th/Chair.jpg" />
          <h2>Chair</h2>
      </div>


<div class="probox">
         <img src="pro/th/Chair.jpg" />
          <h2>Chair</h2>
      </div>

椅子
椅子
椅子
椅子
椅子
椅子
椅子
椅子

好的，主要是在我的页面中，每行显示3个缩略图，所以我想在每行第二节添加类。比如第一行第二节第二节第二节第二节。。。所以这意味着第二节，下一节，第五节，下一节，第八节等等

或者如果怎样才能在第三个分区中添加类。。如第三组、第六组、第九组等

试试看

$('.productsarea .probox:nth-child(3n)').addClass('yourClass');

---

只需按以下方式更改脚本：

jQuery('.productsarea').find('div.probox').each(function(i,e){
   if(i%3==0) $(e).addClass('last');
});

---

我想你要找的是CSS选择器：

选择器：第n个类型（公式）

。这是一个例子。如果您希望每第三个div（或任何选择器）具有某些功能，则可以使用以下选项：

div:nth-of-type(3n) {
    //your CSS code here
}

该公式的形式为

an+b

，如下所述。基本上，

b

是偏移量，

a

是斜率（就像代数一样）。它使用索引表示法，因此该选择器拟合的第一个元素为零。因此，如果您想从第二个元素之后开始，每第三个元素命中一次，您可以使用公式

3n+1