jQuery的第n /每三个

Question

我已经得到了一些标记，看起来像这样：

<h3>Mgmt</h3> 
<div class="ManagementOperations">bla bla </div> 
<div class="ManagementOperations">bla bla </div> 
<div class="ManagementOperations">bla bla </div> 
<div class="ManagementOperations">bla bla </div> 
<div class="ManagementOperations">bla bla </div> 
<h3>People</h3> 
<div class="people">bla bla </div> 
<div class="people">bla bla </div> 
<div class="people">bla bla </div> 
<div class="people">bla bla </div> 
<div class="people">bla bla </div> 
<div class="people">bla bla </div> 

每个div的2去数 - 100两种类别的

我要添加class rowEnd到每个第三个'ManagementOperations'和每个第三个'ManagementOperations'时，计数会在班级发生变化时重置。

任何想法？我使用这个效果差：

$(".ManagementOperations:nth-child(4n)").addClass('rowEnd'); 

Answer 1

的：第n个孩子选择就会发现，是其母公司的第n个孩子每个元素。看起来好像所有的元素，包括你的h3都有相同的父元素，所以它只适用于你给出的每个第三元素，例如第二格。您可以将每个div集合包装在另一个div中，以将父级的孩子限制为仅限于这些div。或者你可以这样做：

$(".ManagementOperations").each(function(index) { 
    if ((index+1) % 3 == 0) $(this).addClass('rowEnd'); 
}); 

这样的事情，无论如何，我还没有测试过它。

Answer 2

尝试：

$(".ManagementOperations:nth-child(3n+1)").addClass('rowEnd');