jQuery: ungerade oder: sogar bis zu einem bestimmten Selektor addClass?

Question

Ich muss eine alte Klasse (auf ungerade oder gerade) zu einem Selektor hinzufügen, und dann neu starten, nachdem es einen anderen Selektor erreicht.

Was ich habe

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

Was ich brauche

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

Das Problem, das ich in laufen ist es will gerade/ungerade aus dem vorherigen Abschnitt halten Zählen und nicht von vorne beginnen wieder, so dass meine Styles nicht korrekt angewendet werden. Meine aktuelle jQuery ist $('.personbox:odd').addClass('alt');

Answer 1

Ich glaube nicht, dass es eine clevere Möglichkeit ist, dies zu tun. Die un-geschickte Art und Weise wird nur die Auswahl .person und .section-separator Elemente und eine Schleife durch, Spur eines Index zu halten:

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>