如何添加类2、5、8等

Question

我正在创建图库，下面是示例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个缩略图，所以我想添加类的每一行第2 div。就像第一排第二队..。所以这个意思是指第二次第五次第二次第八次，等等。

或者，如果可以添加类的每个第三次..。比如第3，第6，第9，等等

http://jsfiddle.net/cyber007/Wj5fd/

Answer 1

试试看

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

演示

Answer 2

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

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

JSFiddle

Answer 3

我认为您要寻找的是CSS选择器：selector:nth-of-type(formula)。这是一个示例。如果您希望每3次div (或您的选择器是什么)都具有某些特性，那么您将使用以下内容：

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

公式的形式是an + b，并解释了这里。基本上，b是偏移量，a是斜率(就像代数一样)。它使用索引表示法，因此该选择器适合的第一个元素是零。所以，如果你想点击第二个元素之后的第三个元素，你就可以得到公式3n + 1。