用jQuery切换多个类

问题描述:

当用户点击一个按钮时,我试图循环遍历3个类。我找到了一个same challenge as me,但我没有评论这个帖子的声望。用jQuery切换多个类

这里是通过类的原代码循环:

$('.one, .two, .three').click(function() {        
    this.className = { 
     three : 'one', one: 'two', two: 'three' 
    }[this.className]; 
}); 

,我已经修改如下它:

$('#next').click(function() {        
    this.className = { 
     liscombe : 'digby', digby: 'keltic', keltic: 'liscombe' 
    }[this.className]; 
}); 

可正常工作,并通过对#next类周期元素,但是我希望在单击#next时在body标签上发生类更改。我不知道如何修改'这个'。我已经尝试body.className但没有奏效。

这是如何修改的,以便点击时改变主体类别?

+0

试过$('body')。className? – ltotally 2015-01-20 20:05:48

+0

我确实尝试过,但没有奏效。 – chriswhiteley 2015-01-20 20:27:14

document.body.className应该工作

+0

繁荣!这就对了。我放弃了body.className,并没有想到document.body.className。 – chriswhiteley 2015-01-20 20:27:58

“这”只是路过,你在最初选择使用的任何选择。所以它传递#next。将“this”更改为$('body')

+0

谢谢,但我原本试过,但没有奏效。 – chriswhiteley 2015-01-20 20:29:31