javascript - 我如何添加 class 2,5,8 等数字 div

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>

ok 主要是在我的页面每行显示 3 个缩略图，所以我想在每行第二个 div 添加类。就像第一行第二格第二行第二格...所以这意味着第二格接下来第五格接下来第八格等等......

或者如果如何在每个第 3 个 div 添加类......比如第 3 个 div、第 6 个 div、第 9 个 div 等。

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

Answer 1

尝试，

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

DEMO