Выберите каждый n-й элемент в jQuery?

Question

JQuery имеет удобный: даже и нечетные: селекторы для выбора четных или нечетных индексированных элементов в наборе, который я использую, чтобы очистить любой другой элемент в серии плавала коробки, как показано ниже:

<div class='2up'> 
    <div> ... </div> 
    <div> ... </div> 
    ... 
    <div> ... </div> 
</div> 

и

// Clear every 2nd block for 2-up blocks 
$('.2up>div:even').css("clear", "both"); 

Это работает как шарм.

Мой вопрос: есть ли простой способ в jQuery выбрать каждый третий или четвертый элемент, чтобы я мог делать то же самое с 3-мя или 4-мя предметами?

Answer 1

Try:

$("div:nth-child(3n+1)").css("clear", "both"); 

Answer 2

Вы можете использовать селектор nth-child (index/even/odd/equation). http://docs.jquery.com/Selectors/nthChild#index

Answer 3

Нет, не такой. Функция filter позволит вам это сделать.

---

EDIT:

я исправлюсь. Для простоты используйте n-ю дочернюю функцию.

Answer 4

вы можете использовать селектор :nth-child(index/even/odd/equation).

Пример:

<div class='5up'> 
    <div> ... </div> 
    <div> ... </div> 
    ... 
    <div> ... </div> 
</div>

и

// Clear every 5th block for 5-up blocks 
$('.5up>div:nth-child(5n)').css("clear", "both");

или

// Clear after every 5th block for 5-up blocks 
// note: This will also clear first block. 
$('.5up>div:nth-child(5n+1)').css("clear", "both");