手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何获取div中a标签的id

时间:2024-10-13 15:17:14

1、为了方便操作,我们这里使用jquery来操作,因此我们先引入jquery脚本文件。

如何获取div中a标签的id

2、然后添加一些简单的html,这里主要的就是在一个div里添加了二个a链接,div和a链接就各自有id属性。还有一个操作的按钮,加上了onclick事件的。

如何获取div中a标签的id

3、添加对应的点击事件函数。

如何获取div中a标签的id

4、在函数中,我们先利用jquery的选择器方法来获取到a链接,$("#my娄多骋能_div a")这个代码就是指在id为my_div下的所有a链接。

如何获取div中a标签的id

5、获取到链接后,我们就用一个for循环来得到div氇筐塘瓠里所有链接的id,主要是通过jquery的attr方法来得到每个链接控件的id属性。得到后,将其保存进数组里。

如何获取div中a标签的id

6、然后通过alert方法来弹出显示所有链接的id。

如何获取div中a标签的id

7、运行页面,可以看到现在有二个链接,我们点击一下按钮。

如何获取div中a标签的id

8、点击后,会弹出一个alert窗口,这里显示出了二个链接的id属性,对比代码里的值,获取的结果是正确的。

如何获取div中a标签的id
© 手抄报圈