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添加类。像第1行第2 div第2行第2 div ...所以它意味着第二个div接下来的第5个div接下来的第8个div这样...

或者如果每个第3个div可以添加类...如第3个div，第6个div，第9个div等。

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

Answer 1

尝试，

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

DEMO

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)。这是一个example。如果您希望每个第3个div（或您的选择器都是）具有某些功能，那么您将使用以下内容：

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

公式的格式为an + b，其解释为here。基本上，b是偏移量，a是斜率（就像代数一样）。它使用索引表示法，因此该选择器所适合的第一个元素为零。所以，如果你想要在第二个元素之后开始每个第3个元素，你可以制作公式3n + 1。

我怎样才能添加2,5,8等号码

3 个答案:

DEMO