我可能回答了我自己的问题,但我非常好奇.
我知道CSS可以选择父项的单个子项,但如果其父项具有一定数量的子项,则可以支持对容器的子项进行样式化.
例如
container:children(8) .child {
//style the children this way if there are 8 children
}
我知道这听起来很奇怪,但是我的经理让我检查一下,没有找到任何东西,所以我决定在结束搜索之前转向SO.
我在SO上看过几篇帖子,但它们在功能和结构方面都太具体了,而我正在寻找的东西是我或任何人都可以在任何地方使用的更普遍的东西.
我只需要一个按钮,点击它可以在3个类之间循环.但是如果出现需要循环浏览4,5个或更多类的情况,则可以轻松地缩放脚本.
到目前为止,我能够在两个班级之间"循环",这基本上比骑车更"切换",所以我有:
HTML:
<a href="#" class="toggle">Toggle classes</a>
<div class="class1">...</div>
jQuery的:
$('.toggle').click(function () {
$('div').toggleClass('class1 class2');
});
这是一个简单的小提琴.
现在,你会(我,我)认为在该方法中添加第三个类可以工作,但它不会:
$('div').toggleClass('class1 class2 class3');
发生的事情是,切换开始发生在class1和之间class3.
所以这就是我最初的问题:如何让Toggle按钮按顺序循环通过3个类？
然后:如果有人需要循环到4个,5个或更多课程怎么办？