jQuery：oddまたは：特定のセレクタまでクラスを追加するには？

Question

セレクタにaltクラス（奇数または偶数）を追加してから、別のセレクタに到達した後に再び新しいクラスを開始する必要があります。

私は

<div class="person"></div> 
<div class="person"></div> 
<div class="person"></div> 
<div class="person"></div> 
<div class="person"></div> 
<div class="section-separator"></div> 
<div class="person"></div> 
<div class="person"></div> 

私は必要なもの

<div class="person"></div> 
<div class="person alt"></div> 
<div class="person"></div> 
<div class="person alt"></div> 
<div class="person"></div> 
<div class="section-separator"></div> 
<div class="person"></div> 
<div class="person alt"></div> 

持っている私は何に実行する問題は、それが奇数/偶数前のセクションからではなく、最初からやり直す数えておきたいです再び、私のスタイルは正しく適用されません。現在のjQueryは$('.personbox:odd').addClass('alt');

Answer 1

私はこれを行う巧妙な方法はないと思います。このため

var index = 0; 
 
$(".person, .section-separator").each(function() { 
 
    var $this = $(this); 
 
    if ($this.hasClass("section-separator")) { 
 
    index = 0; 
 
    } else { 
 
    if (index % 2 == 1) { 
 
     $this.addClass("alt"); 
 
    } 
 
    ++index; 
 
    } 
 
});

.alt { 
 
    color: blue; 
 
}

<div class="person">testing</div> 
 
<div class="person">testing</div> 
 
<div class="person">testing</div> 
 
<div class="person">testing</div> 
 
<div class="person">testing</div> 
 
<div class="section-separator">separator</div> 
 
<div class="person">testing</div> 
 
<div class="person">testing</div> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>