의 jQuery n 번째/모든 I는 다음과 같습니다 일부 마크 업있어

Question

3 :

이

<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> 

2에서가는 각 div의 수 - 범주에 모두 100

나는를 추가 할을 class rowEnd ~ 3 번째 'ManagementOperations'그리고 매 3 번째 'ManagementOperations'는 클래스에 변경 사항이있을 경우 카운트를 다시 설정합니다.

아이디어가 있으십니까? 나는 가난한 결과이 사용하고 있습니다

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

Answer 1

: n 번째 자식 선택기는 부모의 n 번째 자식 인 각 요소를 찾을 수 있습니다. h3을 비롯한 모든 요소에 동일한 상위 항목이있는 것처럼 보이므로 지정된 세 번째 요소에만 적용됩니다. 두 번째 div. 다른 div에서 div의 각 컬렉션을 래핑하여 부모의 자식을 해당 div에만 제한 할 수 있습니다. 아니면 다음과 같이 할 수 있습니다 :

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

어쨌든, 나는 그것을 테스트하지 않았습니다.

Answer 2

시도 :

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