jquery怎样得到指定div下的指定a标签

可以通过给div标签,a标签分别设置一个id属性值,通过该id便可获得指定div下的指p定a标签。下面小编举例讲解jquery怎样得到指定div下的指定a标签。

东西/原料

  • html+jquery
  • 代码编纂器:Dreamweaver CS5

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解jquery如何获得指定div下的指定a标签。

  2. 2

    在test.html文件内,在div标签内,利用a标签建立两个链接,并别离设置两个div的id属性,别离为div-aa,div-bb。

  3. 3

    在test.html文件内,设置id为div-bb的div内的a标签的id为myhref,本家儿要用于下面经由过程该id获得a标签对象。

  4. 4

    在test.html文件内,利用button标签建立一个按钮,按钮名称为“获取指定a标签内容”。

  5. 5

    在test.html文件中,给button按钮绑定onclick点击事务,当按钮被点击时,执行setcolor()函数。

  6. 6

    在js标签中,建立setcolor()函数,在函数内,经由过程div的id(div-bb)和a标签的id(myhref)获得指定div下指定的a标签对象,利用text()方式获得它的内容,并经由过程alert()方式将其输出。

  7. 7

    在浏览器打开test.html文件,点击按钮,查看成果。

    END

总结:

  1. 1

    1、建立一个test.html文件。
    2、在文件内,在div标签内,利用a标签建立两个链接,并别离设置两个div的id属性,别离为div-aa,div-bb。
    3、设置id为div-bb的div内的a标签的id为myhref,同时建立一个button按钮,用于触发执行js函数。
    4、在js标签内,建立函数,在函数内,经由过程div的id(div-bb)和a标签的id(myhref)获得指定div下指定的a标签,利用text()方式获得它的内容,并经由过程alert()方式将其输出。

    END

注重事项

  • id属性在所有html标签中是独一的,不克不及反复。
  • 发表于 2020-02-13 17:00
  • 阅读 ( 1390 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具