简单方法:
Html代码截图:
Js代码截图
通过html页面直接传父级的id和兄弟的id获取他们的id值(这种方法比较人工化,类似的问题多起来就很麻烦,要一个个手动输入),如果不嫌麻烦,可以参考下面做法!
智能化的方法:
思路:有没有办法,就是点击的时候获取到子级的值,去获取父级的id,然后再通过父级id获取兄弟id?以下请看代码:
Html代码的传值去掉(这里就不截图了),
然后改写js代码如下:
(坑)做到这里你会发现并不自己想要的效果,会出现返回上页也的同时,出现下一页的页面,问题出在click事件,因为你的下一题和上一题按钮用的是同一个方法,当点击的时候,点第一页会执行一次方法,点第二页会执行两次方法,点第三页会执行三次方法,……以此类推,最后效果并不佳,我们要做进一步改进。
改进解决办法:
Html修改截图
Js修改截图
最后,拉一下票,觉得有帮助的点个赞,(#^.^#)!