javascript - 从 Jquery 添加类到添加的类

Question

有这个：

 $(function(){
        $("a.next.down").click(function() {
            $("ul.panel li").addClass("upOne");
            $("a.next").removeClass("down").addClass("downTwo");
        });
        $("a.next.downTwo").click(function() {
            $("ul.panel li").addClass("upTwo");
            $("a.next").removeClass("downTwo").addClass("downThree");
        });
    });

并且想知道当我单击第二个事件a.next.downTwo时它不会删除该类并添加新的。

所以真的有一种方法可以在每次点击时添加和删除类。所以点击1（添加A类），点击2（添加B类）等。

Answer 1

我的第一反应是： http: //pastebin.com/LNjLzrwh。

$(function(){
    var panelLi = $("ul.panel li");

    $("a.next").click(function() {
        var self = $(this);

        if (self.hasClass("down")) {
            panelLi.addClass("upOne");
            self.removeClass("down").addClass("downTwo");
        } else if (self.hasClass("downTwo")) {
            panelLi.addClass("upTwo");
            self.removeClass("downTwo").addClass("downThree");
        }
    });
});