首页-教程-Web前端

jQuery怎么删除元素但保留子元素

 3043

jquery删除元素但保留子元素的方法：1、使用children()方法获取指定元素的所有子元素；2、使用unwrap()方法删除子元素的父元素但保留子元素，语法“$("指定元素").children().unwrap();”。


jQuery怎么删除元素但保留子元素


jquery删除元素但保留子元素

在jquery中，可以利用children()+unwrap()方法来删除指定元素但保留其子元素。

children() 方法返回返回被选元素的所有直接子元素。

unwrap() 方法删除被选元素的父元素。


  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <script src="js/jquery-1.10.2.min.js"></script>
  6.         <script>
  7.             $(document).ready(function(){
  8.                 $("button").click(function(){
  9.                     $("div").children().unwrap();
  10.                 });
  11.             });
  12.         </script>
  13.         <style type="text/css">
  14.             div {
  15.                 background-color: yellow;
  16.             }
  17.         </style>
  18.     </head>
  19.     <body>
  20.  
  21.         <div>
  22.             <p>这是 div 元素中的段落。</p>
  23.             <p>这是 div 元素中的段落。</p>
  24.             <p>这是 div 元素中的段落。</p>
  25.         </div>
  26.         <button>删除div元素，但保留子元素p</button>
  27.  
  28.     </body>
  29. </html>


jQuery怎么删除元素但保留子元素

TAG标签：
本文网址：https://www.zztuku.com/detail-10098.html
站长图库 - jQuery怎么删除元素但保留子元素
申明：如有侵犯，请 联系我们 删除。

评论（0）条

您还没有登录，请 登录 后发表评论！

提示：请勿发布广告垃圾评论，否则封号处理！！

    编辑推荐

    利用滤镜制作简单的水墨字

    利用滤镜制作简单的水墨字

    教程 平面设计
    前面有教程介绍过用画笔来制作水墨字，操作上繁琐一点，不过非常真实。用滤镜制作相对来说要快很多，只是层次感没有纯手工的强。 最终效果 1、新建...