多语言展示
当前在线:704今日阅读:172今日分享:19

如何获取div中a标签的id

在网页开发中,有时我们需要在客户端用脚本来获取页面控件的id属性,比如获取某个div中a链接标签的id,这个在js里,如何获取?下面我们来看一下。
方法/步骤
1

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

2

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

3

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

4

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

5

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

6

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

7

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

8

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

推荐信息