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

 2505

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


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


jquery删除元素但保留子元素

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

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

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


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <script src="js/jquery-1.10.2.min.js"></script>
        <script>
            $(document).ready(function(){
                $("button").click(function(){
                    $("div").children().unwrap();
                });
            });
        </script>
        <style type="text/css">
            div {
                background-color: yellow;
            }
        </style>
    </head>
    <body>
 
        <div>
            <p>这是 div 元素中的段落。</p>
            <p>这是 div 元素中的段落。</p>
            <p>这是 div 元素中的段落。</p>
        </div>
        <button>删除div元素,但保留子元素p</button>
 
    </body>
</html>


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

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

评论(0)条

您还没有登录,请 登录 后发表评论!

提示:请勿发布广告垃圾评论,否则封号处理!!

    编辑推荐