在jquery中,可以在动态添加的a标签中设置一个id属性,通过该id便可获得a标签的文本内容 。 下面小编举例讲解jquery如何获取动态添加的A标签中的文本 。
文章插图
需要这些哦
html+jquery
代码编纂器:Z Studio 12.5.1
方式/
1新建一个html文件,定名为test.html,用于讲解jquery若何获取动态添加的A标签中的文本 。
文章插图
2在test.html文件内,利用p标签建立一个区域,用于在该区域动态添加a标签 。
文章插图
3在js标签中,经由过程ready()方式在文件加载完当作时,标的目的p标签动态添加一个a标签,注重,在添加的a标签中,需要设置其id属性,例如,这里设置为mytest 。
文章插图
4在test.html文件内,利用button标签建立一个按钮,按钮名称为“获取a标签文本” 。
文章插图
5在test.html文件中,给button按钮绑定onclick点击事务,当按钮被点击时,执行getword函数 。
文章插图
6在js标签中,建立getword()函数,在函数内,经由过程id(mytext)获得a标签对象,利用text()方式获得它的内容,并利用alert()方式输出 。
文章插图
7【jquery如何获取动态添加的A标签中的文本】在浏览器中打开test.html文件,点击按钮,查看成果 。
文章插图
总结:11、建立一个test.html文件 。
2、在文件内,利用p标签建立一个区域 。
3、在js标签中,经由过程ready()方式在文件加载完当作时,标的目的p标签动态添加一个a标签,并设置其id属性 。 同时建立一个button按钮,用于触发执行js函数 。
4、在js标签内,建立函数,在函数内,经由过程id(mytext)获得a标签对象,利用text()方式获得它的内容,并利用alert()方式输出 。
注重事项除了上面的方式外,还可以给a标签设置一个class属性,经由过程class也可以获得a标签对象 。
以上内容就是jquery如何获取动态添加的A标签中的文本的内容啦,希望对你有所帮助哦!
推荐阅读
- 钉钉在电脑上怎么登陆?如何快速登陆
- 如何将图片背景去掉
- 微信公众号要如何进行排版
- 如何领取知网研学疫情期间免费试用资格
- 如何防止网课软件强制锁屏、偷窥桌面或偷拍
- 抖音短视频如何下载
- 快手如何复制链接成作品
- 苹果如何设置抖音视频屏保
- 菊花如何扦插,什么时间扦插成活好
- 办公室的打印机如何扫描文件到电脑上