首页 > 软件开发 > HTML >

如何获取div中a标签的id

来源:互联网 2023-03-16 19:11:24 223

在网页开发中,有时我们需要在客户端用脚本来获取页面控件的id属性,比如获取某个div中a链接标签的id,这个在js里,如何获取?下面我们来看一下。32o办公区 - 实用经验教程分享!

方法/步骤

  • 1

    为了方便操作,我们这里使用jquery来操作,因此我们先引入jquery脚本文件。32o办公区 - 实用经验教程分享!

    如何获取div中a标签的id32o办公区 - 实用经验教程分享!

  • 2

    然后添加一些简单的html,这里主要的就是在一个div里添加了二个a链接,div和a链接就各自有id属性。32o办公区 - 实用经验教程分享!

    还有一个操作的按钮,加上了onclick事件的。32o办公区 - 实用经验教程分享!

    如何获取div中a标签的id32o办公区 - 实用经验教程分享!

  • 3

    添加对应的点击事件函数。32o办公区 - 实用经验教程分享!

    如何获取div中a标签的id32o办公区 - 实用经验教程分享!

  • 4

    在函数中,我们先利用jquery的选择器方法来获取到a链接,32o办公区 - 实用经验教程分享!

    $("#my_div a")这个代码就是指在id为my_div下的所有a链接。32o办公区 - 实用经验教程分享!

    如何获取div中a标签的id32o办公区 - 实用经验教程分享!

  • 5

    获取到链接后,我们就用一个for循环来得到div里所有链接的id,主要是通过jquery的attr方法来得到每个链接控件的id属性。32o办公区 - 实用经验教程分享!

    得到后,将其保存进数组里。32o办公区 - 实用经验教程分享!

    如何获取div中a标签的id32o办公区 - 实用经验教程分享!

  • 6

    然后通过alert方法来弹出显示所有链接的id。32o办公区 - 实用经验教程分享!

    如何获取div中a标签的id32o办公区 - 实用经验教程分享!

  • 7

    运行页面,可以看到现在有二个链接,我们点击一下按钮。32o办公区 - 实用经验教程分享!

    如何获取div中a标签的id32o办公区 - 实用经验教程分享!

  • 8

    点击后,会弹出一个alert窗口,这里显示出了二个链接的id属性,对比代码里的值,获取的结果是正确的。32o办公区 - 实用经验教程分享!

    如何获取div中a标签的id32o办公区 - 实用经验教程分享!

  • 8该信息未经许可获取自百度经验
  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!32o办公区 - 实用经验教程分享!


    标签: HTMLJQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码