如何使用jQuery將樣式添加到div中的第3，第6等（n * 3）元素？

Question

我設計一個網站，有以下時尚的div：

<div id="showcase"> 
<div class="project"> <!-- this is the first row --> 
<div class="project"> <!-- this is the first row --> 
<div class="project"> <!-- this is the first row --> 
<div class="project"> <!-- this is the second row --> 
<div class="project"> <!-- this is the second row --> 
<div class="project"> <!-- this is the second row --> 
<div class="project"> <!-- this is the third row --> 
<div class="project"> <!-- this is the third row --> 
<div class="project"> <!-- this is the third row --> 
</div> 
</div> 

我想刪除右邊距爲一排的「最後」的div（每排有3周的div）。

任何建議來完成此？

Answer 1

我想你想的nth-child selector：

$('#showcase .project:nth-child(3n)').addClass('margin-adjuster'); 

下面是一個簡單的演示，只是做了顏色的變化來告訴你它是如何工作的：

http://jsfiddle.net/ambiguous/YDvGw/

你可以如果你只是想改變邊界而不想搞亂另一個班級，請做一個.css({ marginRight: 0 })。