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

例如有这样一段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标签进行遍历替换

赞 (0)

相关推荐

  • javascript和jquery修改a标签的href属性

    javascript: 复制代码 代码如下: document.getElementById("myId").setAttribute("href","www.xxx.com"); document.getElementById("myId").href = "www.xxx.com"; jquery: 复制代码 代码如下: $("#myId").attr("href"

  • Jquery 获取指定标签的对象及属性的设置与移除

    1.先讲讲JQuery的概念,JQuery首先是由一个 America 的叫什么 John Resig的人创建的,后来又很多的JS高手也加入了这个团队.其实 JQuery是一个JavaScript的类库,这个类库集合了很多功能方法,利用类库你可以用简单的一些代码实现一些复杂的JS效果. 2.JQuery实现了代码的分离,不用再网页中加入如:onclick之类的事件来调用函数了,直接引入JQuery类库和自己编写的JQuery代码就可以了: 如: 复制代码 代码如下: $(function(){

  • jQuery EasyUI API 中文文档 - Tabs标签页/选项卡

    jQuery EasyUI API 中文文档 - Tabs标签页/选项卡

    Tabs 标签页/选项卡 用$.fn.tabs.defaults重写defaults. 依赖 panel linkbutton 用法示例 创建tabs 1. 经由标记创建Tabs 从标记创建Tabs更容易,我们不需要写任何JavaScript代码.记住把 'easyui-tabs' 类添加到<div/>标记,每个tab panel 经由子<div/>标记被创建,其用法与Panel一样. 复制代码 代码如下: <div id="tt" class="

  • jquery触发a标签跳转事件示例代码

    1.写入<a>标签: <a target="_blank" href="javascript:void(0)" onclick="checkValidate()">水觅微博</a> 2.加入JS: 复制代码 代码如下: <script type="text/javascript"> function checkValidate(){ if($("#signOut&quo

  • jQuery添加和删除指定标签的方法

    jQuery如何为指定标签添加和删除一个样式: 在网页的实际应用中,需要根据不同的条件来改变元素的CSS样式,通过动态的给元素添加删除一个CSS类可以实现此功能,下面通过实例来介绍一下如何实现此种功能. 一.使用addClass()和removeClass()添加和删除一个CSS类: 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name=&q

  • Jquery为a标签的href赋值实现代码

    复制代码 代码如下: <script type="text/javascript"> function doTest(){ var value = $("input[name='dizhi'][type='radio']:checked").val();//获得选中项的值 $('#a1').attr('href','shoppeisong.php?addid='+value+''); } </script> 要取的INPUT 标签<in

  • 使用JS或jQuery模拟鼠标点击a标签事件代码

    复制代码 代码如下: <a id="alink" href="abc.aspx" style="visibility: hidden;">下一步</a> $("#alink").click(); // 触发了a标签的点击事件,但是没有触发页面跳转 document.getElementById("alink").click(); //既触发了a标签的点击事件,又触发了页面跳转 把 &

  • JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码

    一.判断文本是否为空 复制代码 代码如下: var jqObj = $(this); if(jqObj.text().trim()){ //trim()方法是去空格,$.trim()函数删除提供字符串的所有换行符,空格(包括非中断空格),开始和结束tab.如果这些空白字符在字符串中间发生时,它们将被保留. jqObj.hide(); } 二.判断这个标签下是否有某个已知的元素,比如判断ul标签下是否有li元素 复制代码 代码如下: var jqObj = $(this); if(!jqObj.h

  • jQuery获取当前对象标签名称的方法

    获取当前对象标签名称 复制代码 代码如下: $(".classname")[0].tagName;

  • jquery通过visible来判断标签是否显示或隐藏

    复制代码 代码如下: if($(".spnTotal").is(":visible")==false) { alert('隐藏'); } else { alert('显示'); }

  • jquery 为a标签绑定click事件示例代码

    $(document).ready(function() { $("a[name='del']").click(function(){ Ext.Msg.confirm('提示','你确定要删除该公告吗?',function(button,text){ if(button=='yes'){ window.location.href="/admin/note!delete.action?id=${id}"; } }); }); $("a[class='del2

  • 基于jQuery的获取标签名的代码

    基于jQuery的获取标签名的代码

    jquery如何获取一上元素的名称比如 <div id="aa">dd</div>$("#aa").xxxmethod  昨到"div" jquery如何获取一个元素的名称比如 <div id="aa">dd</div>$("#aa").xxxmethod  得到"div" [昆明]丝雪.川琼(447031499)  13:35:50$('

  • JQuery 绑定select标签的onchange事件，弹出选择的值，并实现跳转、传参

    复制代码 代码如下: <script src="jquery.min.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> $(document).ready(function(){ $('#mySelect').change(function(){ alert($

随机推荐