如何获取div中a标签的id

 时间:2024-11-06 00:23:22

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

方法/步骤

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娄多骋能_diva")这个代码就是指在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

FontAwesome图标怎么下载安装 node_modules删除后如何用npm重新安装 eclipse查看接口(interface)被哪些类实现了 怎么修改网站主页的源代码 如何在vmware虚拟机安装RedHat红帽5Linux系统
热门搜索
绿岛电影 鬼电影 宝马suv报价及图片 宗申摩托车报价及图片 泰山电影