jquery删除指定的html标签并保留标签内文本内容的方法_jquery

例如有这样一段html代码:

复制代码 代码如下:

演示代码 
<p>大家好,欢迎来到jb51.net</p> 
这里为大家提供最优秀的<a href="http://www.jb51.net/js">js</a>代码和教程 

我们希望删除这段html代码里面的一对<p>标签,但是要保持里面的内容不被删除,这里我们用jquery处理,详细的jQuery代码:

复制代码 代码如下:

<script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script> 
<script type="text/javascript"> 
  $(function(){ 
      $("p").each(function(){ 
          var xx=$(this).html(); 
          $(this).replaceWith(xx); 
      }) 
  })   
</script>

这里通过jquery的html方法和replaceWith方法对p标签进行遍历替换

时间: 2025-01-26 10:33:18

jquery删除指定的html标签并保留标签内文本内容的方法_jquery的相关文章

jQuery使用append在html元素后同时添加多项内容的方法_jquery

本文实例讲述了jQuery使用append在html元素后同时添加多项内容的方法.分享给大家供大家参考.具体分析如下: 下面的代码可以同时在文本段落后添加多项内容 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> function appendText() { var txt1="<p&g

jquery通过ajax加载一段文本内容的方法_jquery

本文实例讲述了jquery通过ajax加载一段文本内容的方法.分享给大家供大家参考.具体分析如下: 这是w3school官网提供的一个简单的例子,注意编码问题,否则可能会出现乱码.代码如下: 复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <script type="text/

jquery删除指定的html标签并保留标签内文本内容的方法

 有时我们希望删除这段html代码里面的一对<p>标签,但是要保持里面的内容不被删除,本文提供的这个jquery方法就可以简单实现.   例如有这样一段html代码:    代码如下:脚本之家演示代码   <p>大家好,欢迎来到jb51.net</p>   这里为大家提供最优秀的<a href="http://www.jb51.net/js">js</a>代码和教程       我们希望删除这段html代码里面的一对<p

jQuery使用append在html元素后同时添加多项内容的方法

 这篇文章主要介绍了jQuery使用append在html元素后同时添加多项内容的方法,实例分析了jQuery中append追加内容的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了jQuery使用append在html元素后同时添加多项内容的方法.分享给大家供大家参考.具体分析如下: 下面的代码可以同时在文本段落后添加多项内容 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <!DOCTYPE html

jQuery获取标签文本内容和html内容的方法_jquery

本文实例讲述了jQuery获取标签文本内容和html内容的方法.分享给大家供大家参考.具体分析如下: jQuery可以通过text和html方法获取指定标签的文本内容或者html内容 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $(&quo

jquery动态增加text元素以及删除文本内容实例代码_jquery

这段代码是通过jquery动态增加限定数额的text(本例为5个) ,以及清除文本内容,用到了after()方法追加元素. <!--以下为script代码开始--> 复制代码 代码如下: <script> $(document).ready(function(){ var spotMax = 5;//限定添加text元素的总个数 var afterId = 0;//要追加元素的id var newId=1;//新生成text的id if($('table#vote').size()

jQuery操作select下拉框的text值和value值的方法_jquery

1.jquery获取当前选中select的text值 var checkText=$("#slc1").find("option:selected").text(); 2.jquery获取当前选中select的value值 var checkValue=$("#slc1").val(); 3.jquery获取当前选中select的索引值 var index=$("#slc1 ").get(0).selectedIndex; 4

jQuery使用after()方法在元素后面添加多项内容的方法_jquery

本文实例讲述了jQuery使用after()方法在元素后面添加多项内容的方法.分享给大家供大家参考.具体分析如下: jQuery可通过after()方法在元素后面添加多项内容,after()可以带多个参数,在指定元素后面添加多项内容 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> function af

浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法_jquery

1.JQuery this和$(this)的区别 相信很多刚接触JQuery的人,很多都会对$(this)和this的区别模糊不清,那么这两者有什么区别呢? 首先来看看JQuery中的  $()  这个符号,实际上这个符号在JQuery中相当于JQuery(),即$(this)=jquery();也就是说,这样可以返回一个jquery对象.那么,当你在网页中alert($('#id'));时,会弹出一个[object Object ],这个object对象,也就是jquery对象了. 那么,我们