获取父级id和兄弟id

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

简单方法:

Html代码截图:

Js代码截图

通过html页面直接传父级的id和兄弟的id获取他们的id值(这种方法比较人工化,类似的问题多起来就很麻烦,要一个个手动输入),如果不嫌麻烦,可以参考下面做法!

 

 

智能化的方法:

思路:有没有办法,就是点击的时候获取到子级的值,去获取父级的id,然后再通过父级id获取兄弟id?以下请看代码:

Html代码的传值去掉(这里就不截图了),

然后改写js代码如下:

 

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

 

 

改进解决办法:

Html修改截图

Js修改截图

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值