多语言展示
当前在线:460今日阅读:60今日分享:41

jQuery如何删除a标签而保留内部的文字?

在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()方法主要用于获得标签对象内的文本内容

推荐信息