jquery如何获取动态添加的A标签中的文本

在jquery中,可以在动态添加的a标签中设置一个id属性,通过该id便可获得a标签的文本内容 。 下面小编举例讲解jquery如何获取动态添加的A标签中的文本 。

jquery如何获取动态添加的A标签中的文本

文章插图

需要这些哦
html+jquery
代码编纂器:Z Studio 12.5.1
方式/
1新建一个html文件,定名为test.html,用于讲解jquery若何获取动态添加的A标签中的文本 。
jquery如何获取动态添加的A标签中的文本

文章插图

2在test.html文件内,利用p标签建立一个区域,用于在该区域动态添加a标签 。
jquery如何获取动态添加的A标签中的文本

文章插图

3在js标签中,经由过程ready()方式在文件加载完当作时,标的目的p标签动态添加一个a标签,注重,在添加的a标签中,需要设置其id属性,例如,这里设置为mytest 。
jquery如何获取动态添加的A标签中的文本

文章插图

4在test.html文件内,利用button标签建立一个按钮,按钮名称为“获取a标签文本” 。
jquery如何获取动态添加的A标签中的文本

文章插图

5在test.html文件中,给button按钮绑定onclick点击事务,当按钮被点击时,执行getword函数 。
jquery如何获取动态添加的A标签中的文本

文章插图

6在js标签中,建立getword()函数,在函数内,经由过程id(mytext)获得a标签对象,利用text()方式获得它的内容,并利用alert()方式输出 。
jquery如何获取动态添加的A标签中的文本

文章插图

7【jquery如何获取动态添加的A标签中的文本】在浏览器中打开test.html文件,点击按钮,查看成果 。
jquery如何获取动态添加的A标签中的文本

文章插图

总结: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标签中的文本的内容啦,希望对你有所帮助哦!

    推荐阅读