javascript - 使用 jQuery 切换多个类

Question

当用户单击按钮时，我尝试循环浏览 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 但没有成功。

如何修改它以使主体类在点击时发生变化？

Answer 1

document.body.className 应该可以工作