как я могу добавить класс 2,5,8 и т.д.

Question

как я могу добавить класс 2,5,8 и т.д.

0

я создаю галерею, ниже пример 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 миниатюры каждой строки, поэтому я хочу добавить класс каждой строки 2-го div. как 1-й ряд 2-й дивизион 2-й ряд 2-й дивизион... так что это средний 2-й дивит следующий 5-й дивизион следующий 8-й дивит и т.д. таким образом..

или если можно добавить класс каждый третий div.. как 3-й div, 6-й div, 9-й div и т.д.

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

pagol 25 март 2014, в 05:59

Источник

Теги:

javascript

jquery

html

css

3 ответа

0

Я думаю, что вы ищете селектор CSS: selector:nth-of-type(formula). Вот пример. Если вы хотите, чтобы у каждого третьего div (или любого другого вашего селектора) были определенные функции, вы использовали бы следующее:

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

Формула имеет вид an + b, что объясняется здесь. В основном, b - смещение, a - наклон (как и алгебра). Он использует индексную нотацию, поэтому первый элемент, соответствующий этому селектору, равен нулю. Итак, если вы хотите поразить каждый третий элемент, начиная со второго, вы должны сделать формулу 3n + 1.

royhowie 25 март 2014, в 02:41

0

Просто измените свой сценарий, как показано ниже:

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

JSFiddle

Butani Vijay 25 март 2014, в 01:09

Ещё вопросы

Rajaprabhu Aravindasamy · Accepted Answer · 2014-03-25T02-03-00.000Z

Пытаться,

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

как я могу добавить класс 2,5,8 и т.д.

3 ответа

DEMO

Ещё вопросы