"Rotate" classes in JQuery

Question

Is there a build in way to "Rotate" a list of classes in JQuery similar to toggle class?

For example:

$("#MyElt").rotateClass("Cl1 Cl2 Cl3");
$("#MyElt").rotateClass("Cl1 Cl2 Cl3");
$("#MyElt").rotateClass("Cl1 Cl2 Cl3");
$("#MyElt").rotateClass("Cl1 Cl2 Cl3");

The status of the class on MYElt after each call would be:

Cl1
Cl2
Cl3
NO CLASS

@SivaCharan Not a visual rotation, more of a cycling through a list of classes. — Tom Hubbard
– Tom Hubbard, Commented Feb 18, 2012 at 13:54
possible duplicate of jQuery: Rotating elements through a set of classes — Tom Hubbard
– Tom Hubbard, Commented Feb 18, 2012 at 14:06

Community · Accepted Answer · 2017-05-23 12:11:23Z

2

For your quick reference, I have pasted the code from jQuery: Rotating elements through a set of classes.

I think, this should help you.

$.fn.rotateClass(/* pass multiple class names here */) {
    for (var i = 0; i < arguments.length; i++) {
        if (this.hasClass(arguments[i])) {
            this.removeClass(arguments[i]));
            i++;
            if (i >= arguments.length) {
                i = 0;
            }
            this.addClass(arguments[i]);
            return(this);
        }
    }
    // none found so set the first class
    if (arguments.length > 0) {
        this.addClass(arguments[0]);
    }
    return(this);
}

edited May 23, 2017 at 12:11

CommunityBot

11 silver badge

answered Feb 18, 2012 at 13:57

Siva Charan

18.1k10 gold badges63 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Tom Hubbard Over a year ago

Thanks! That will teach me to use Google search rather than the SO search.

Mahn Over a year ago

Shouldn't it be $.fn.rotateClass = function() { ...?

Mahn Over a year ago

Check also my version of the plugin here: stackoverflow.com/a/14637729/1329367

John Fisher · Accepted Answer · 2012-02-18 13:50:33Z

0

Using hasClass() and toggleClass, you can make your own.

answered Feb 18, 2012 at 13:50

John Fisher

22.8k2 gold badges43 silver badges67 bronze badges

Collectives™ on Stack Overflow

"Rotate" classes in JQuery

2 Answers 2

3 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Linked

Related