javascript - 单击按钮时更改按钮形状

Question

我正在为学生开发一个评估系统。 我想在老师点击它时更改学生的成绩。 我有 2 个“等级”图像，可以在它们之间切换:“A”，在单击“B”之后……等等。 我现在使用实现此任务的函数，如下所示:

  function ChangeClass(object) 
          {

            var objectClass = $(object).attr('class');


        if (objectClass == 'zero') {

            $(object).removeClass('zero');
            $(object).addClass('one');

        }
        else if (objectClass == 'one') 
        {

            $(object).removeClass('one');
            $(object).addClass('two');
        }
        else if (objectClass == 'two') {
            $(object).removeClass('two');
            $(object).addClass('zero');
        }
    }

但我不喜欢这个解决方案，我想 Jquery 中可能有更简单的东西，或者可以用来更改按钮形状或切换图像的东西。 如果您有任何想法，请分享 =)

Answer 1

试试这个:

var classes = ["zero", "one", "two"],
    i = classes.indexOf(object.className);
object.className = classes[(i + 1) % classes.length];

不需要 jQuery，但请记住，IE8 及更低版本不支持数组的 indexOf，必须模拟它。

我假设 object 是一个有效的 DOM 元素。