使用javascript/jquery单击next和prev直到fixed stage显示div或内容

$（文档）.ready（函数（）{
$（“.pr日历分区”）。每个（功能（e）{
如果（e！=0）
$（this.hide（）；
});
$（“#下一步”）。单击（函数（）{
if（$（“.pr日历div:visible”）.next（）.length！=0）
$（“.pr calendar div:visible”）.next（）.show（）.prev（）.hide（）；
否则{
$（“.pr日历分区：可见”）.hide（）；
$（“.pr日历div:first”）.show（）；
}
返回false；
});
$（“#prev”）。单击（函数（）{
if（$（“.pr日历div:visible”）.prev（）.length！=0）
$（“.pr calendar div:visible”）.prev（）.show（）.next（）.hide（）；
否则{
$（“.pr日历分区：可见”）.hide（）；
$（“.pr日历div:last”）.show（）；
}
返回false；
});
});
.f-d{
背景色：#01BC8C；
高度：220px；
边界半径：10px；
填充：1px；
}
.pr日历{
背景色：#01BC8C；
}
.见上线{
背景色：#F89A15；
}
.lt新闻{
背景色：#428BCA；
}
.上线图{
背景色：#EF706D；
}
.我的利润日历{
背景：#CCC；
位置：相对位置；
}
.prev下一步按钮{
位置：绝对位置；
最高：50%；
宽度：20px；
高度：20px；
边界半径：50%；
背景：白色；
转化：translateY（-50%）；
}
#上一个{左：10px；}
#下一个{右：10px；}
.pr日历表{
保证金：0自动；
宽度：300px；
}
.pr日历表td{
填充物：5px；
颜色：#fff；
}
.文本中心{
文本对齐：居中；
}

2017年7月
搜索引擎优化
8%
使附属
10%
网
12%
应用程序
15%
加密与挖掘
20%
2017年8月
搜索引擎优化
5%
使附属
15%
网
9%
应用程序
17%
加密与挖掘
15%
2017年9月
搜索引擎优化
2%
使附属
5%
网
15%
应用程序
10%
加密与挖掘
11%
您的问题有很多不同的解决方案

我可以建议使用：

$(".pr-calendar div:visible").index()

前一行将返回集合中月份div的索引

另一种可能性是测试childrenh3元素中的内容

基于最后一个想法的片段是：


$（“.pr日历div”）。每个（函数（idx，ele）{
$（this）.toggle（$（this）.children（'h3'）.text（）.toLowerCase（）.indexOf（'july'）！=-1）；
});
$（“#下一步”）。单击（函数（）{
if（$（“.pr calendar div:visible h3”）.text（）.toLowerCase（）.indexOf（'august'）=-1）
$（“.pr calendar div:visible”）.next（）.show（）.prev（）.hide（）；
否则{
$（“.pr日历分区：可见”）.hide（）；
$（“.pr日历div:first”）.show（）；
}
返回false；
});
$（“#prev”）。单击（函数（）{
if（$（“.pr日历div:visible h3”）.text（）.toLowerCase（）.indexOf（'septer'）！=-1）{
$（“.pr calendar div:visible”）.nextAll（'div:eq（10）'）.show（）.end（）.hide（）；
返回false；
}
if（$（“.pr日历div:visible”）.prev（）.length！=0）
$（“.pr calendar div:visible”）.prev（）.show（）.next（）.hide（）；
否则{
$（“.pr日历分区：可见”）.hide（）；
$（“.pr日历div:last”）.show（）；
}
返回false；
});
.f-d{
背景色：#01BC8C；
高度：220px；
边界半径：10px；
填充：1px；
}
.pr日历{
背景色：#01BC8C；
}
.见上线{
背景色：#F89A15；
}
.lt新闻{
背景色：#428BCA；
}
.上线图{
背景色：#EF706D；
}
.我的利润日历{
背景：#CCC；
位置：相对位置；
}
.prev下一步按钮{
位置：绝对位置；
最高：50%；
宽度：20px；
高度：20px；
边界半径：50%；
背景：白色；
转化：translateY（-50%）；
}
#上{
左：10px；
}
#下一个{
右：10px；
}
.pr日历表{
保证金：0自动；
宽度：300px；
}
.pr日历表td{
填充物：5px；
颜色：#fff；
}
.文本中心{
文本对齐：居中；
}

2016年9月
搜索引擎优化
8%
使附属
10%
网
12%
应用程序
15%
加密与挖掘
20%
2016年10月