简单方法:
Html代码截图:

Js代码截图

通过html页面直接传父级的id和兄弟的id获取他们的id值(这种方法比较人工化,类似的问题多起来就很麻烦,要一个个手动输入),如果不嫌麻烦,可以参考下面做法!
智能化的方法:
思路:有没有办法,就是点击的时候获取到子级的值,去获取父级的id,然后再通过父级id获取兄弟id?以下请看代码:
Html代码的传值去掉(这里就不截图了),
然后改写js代码如下:


(坑)做到这里你会发现并不自己想要的效果,会出现返回上页也的同时,出现下一页的页面,问题出在click事件,因为你的下一题和上一题按钮用的是同一个方法,当点击的时候,点第一页会执行一次方法,点第二页会执行两次方法,点第三页会执行三次方法,……以此类推,最后效果并不佳,我们要做进一步改进。
改进解决办法:
Html修改截图

Js修改截图

最后,拉一下票,觉得有帮助的点个赞,(#^.^#)!

本文介绍了一种在点击事件中智能获取子级、父级及兄弟元素ID的方法,避免了传统手动输入ID的繁琐,同时解决了click事件重复触发的问题。
378

被折叠的 条评论
为什么被折叠?



