选择jQuery中的每个第n项?

Her*_*ill 9 css jquery jquery-selectors

jQuery有方便的:偶数和:奇数选择器用于选择集合中的偶数或奇数索引项目,我用它来清除一系列浮动框中的每个其他项目,如下所示:

<div class='2up'>
   <div> ... </div>
   <div> ... </div>
   ...
   <div> ... </div>
</div>
Run Code Online (Sandbox Code Playgroud)

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

这就像一个魅力.

我的问题:jQuery中是否有一种简单的方法来选择每个第三或第四项,所以我可以用3-up或4-up项目做同样的事情?

lov*_*iji 26

尝试:

$("div:nth-child(3n+1)").css("clear", "both");
Run Code Online (Sandbox Code Playgroud)


Chr*_*rez 6

您可以使用:nth-​​child(索引/偶数/奇数/等式)选择器. http://docs.jquery.com/Selectors/nthChild#index