js去掉html标签,去除html标签

  js去掉html标签,去除html标签

  本教程运行环境:windows7系统,HTML5jquery1.10.2版本1.10.2,戴尔G3电脑。

  jQuery去掉html标签

  方法1:使用remove()

  remove()方法移除选定的元素,包括所有文本和子节点。

  此方法还移除选定元素的数据和事件。

  !声明文档类型

  超文本标记语言

  头

  meta charset=utf-8

  脚本src= js/jquery-1 . 10 . 2 . min . js /script

  脚本

  $(文档)。ready(function() {

  $(button )。单击(函数(){

  $(p )。移除();

  });

  });

  /脚本

  /头

  身体

  这是一个段落。/p

  这是另一个段落。/p

  按钮删除所有p元素/按钮

  /body

  /html

  方法2:使用empty()方法

  empty()方法移除所选元素的所有子节点和内容。

  注意:这个方法不删除元素本身,或者它的属性。

  !声明文档类型

  超文本标记语言

  头

  meta charset=utf-8

  脚本src= js/jquery-1 . 10 . 2 . min . js /script

  脚本

  $(文档)。ready(function() {

  $(button )。单击(函数(){

  $(div )。empty();

  });

  });

  /脚本

  /头

  身体

  div style= height:100px;背景颜色:黄色

  这里有一些文本。

  p是div块中的一个段落。/p

  /div

  p是div块外的一段。/p

  删除按钮div块/按钮中的内容

  /body

  /html

  方法3:使用detach()方法

  detach()方法移除选定的元素,包括所有文本和子节点。然后它会保存数据和事件。

  此方法保留移除元素的副本,允许以后重新插入它们。

  !声明文档类型

  超文本标记语言

  头

  meta charset=utf-8

  脚本src= js/jquery-1 . 10 . 2 . min . js /script

  脚本

  $(文档)。ready(function() {

  $(button )。单击(函数(){

  $(p )。detach();

  });

  });

  /脚本

  /头

  身体

  这是一个段落。/p

  这是另一个段落。/p

  按钮删除所有p元素/按钮

  /body

  /html

  相关视频教程推荐:jQuery教程(视频)以上是jq如何去除html标签的细节。更多请关注我们的其他相关文章!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: