在jquery中,先使用text()方法获得a标签内的文字,再通过html()重新给标签输出文字,便可实现删除a标签而保留内部的文字。下面小编举例讲解jQuery如何删除a标签而保留内部的文字。
工具/原料
1
html+jquery
2
代码编辑器:zend studio 10.0
方法/步骤
1
新建一个html文件,命名为test.html,用于讲解jQuery如何删除a标签而保留内部的文字。
2
在test.html文件内,在p标签内,使用a标签创建一个链接,用于测试。
3
在test.html文件内,给p标签添加一个id属性,用于下面获取对象。
4
在test.html文件内,创建一个button按钮,给button绑定onclick点击事件,当按钮被点击时,执行editaaa()函数。
5
在js标签内,创建editaaa()函数,在函数内,通过id获得p标签对象,使用text()方法获得a标签的文字内容,再通过html()方法给p标签定义不带a标签的文本内容。
6
在浏览器打开test.html文件,点击按钮,查看结果。
总结:
1、在p标签内,使用a标签创建一个链接。 2、在js标签内,通过id获得p标签对象,使用text()方法获得a标签的文字内容,再通过html()方法给p标签定义不带a标签的文本内容。
注意事项
text()方法主要用于获得标签对象内的文本内容
上一篇:怎么设置a标签的垂直居中