jQuery: Umschalten zwischen 3 Klassen (anfangs)

Ich habe hier auf SO mehrere Posts gesehen, aber sie sind in Bezug auf Funktionalität und Struktur zu spezifisch, und ich suche nach etwas Universellerem, das ich oder jeder andere überall verwenden kann.

Alles, was ich brauche, ist eine Schaltfläche, zwischen denen ich wechseln kann, wenn ich darauf klicke3 Klassen. Wenn es jedoch vorkommt, dass 4, 5 oder mehr Klassen durchlaufen werden müssen, kann das Skript einfach skaliert werden.

Von diesem Moment an kann ich zwischen zwei Klassen 'radeln', was im Grunde mehr "toggeln" ist als Radfahren. Dafür habe ich:

HTML:

<a href="#" class="toggle">Toggle classes</a>
<div class="class1">...</div>

jQuery:

$('.toggle').click(function () {
  $('div').toggleClass('class1 class2');
});

Hier ist eine einfacheGeige von diesem.

Nun, Sie würden (naja, ich) denken, dass das Hinzufügen einer dritten Klasse zu der Methode funktionieren würde, aber das tut es nicht:

$('div').toggleClass('class1 class2 class3');

Was passiert ist, dass das Umschalten zwischen beginntclass1 undclass3 nur.

Hier habe ich also mein anfängliches Problem:So können Sie die Umschalttaste nacheinander durchlaufen lassen3 Klassen?

Und dann: Was ist, wenn jemand in 4, 5 oder mehr Klassen fahren muss?

Antworten auf die Frage(8)

Ihre Antwort auf die Frage