使用jQuery切换多个类

时间:2015-01-20 20:02:44

标签: javascript jquery toggleclass

我试图在用户点击按钮时循环浏览3个班级。我找到了same challenge as me的人,但我没有在帖子中对任何后续行动发表评论的声誉。

以下是循环使用类的原始代码:

$('.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但是没有用。

如何修改它以在点击时改变体型?

2 个答案:

答案 0 :(得分:1)

document.body.className应该有效

答案 1 :(得分:0)

'这'只是传递你在初始选择中使用的任何选择器。所以它传递#next。改变"这"到$(' body')