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');