亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

jQuery DOM操作unwrap()方法

我們可以通過wrap方法給選中元素增加一個(gè)包裹的父元素。相反,如果刪除選中元素的父元素要如何處理 ?

????jQuery提供了一個(gè)unwarp()方法 ,作用與wrap方法是相反的。將匹配元素集合的父級(jí)元素刪除,保留自身(和兄弟元素,如果存在)在原來的位置。

下面我們來寫一個(gè)實(shí)例:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <div>
        <p>元素</p>
    </div>

    <script>
        $("p").unwrap("<div></div>");
    </script>
</body>
</html>

小伙伴們可以在本地運(yùn)行,然后在瀏覽器中按F12進(jìn)行調(diào)試,或者使用快捷鍵ctrl+shift+i ,大家可以看到我們先開始寫的div標(biāo)簽就已經(jīng)被刪除了

大家注意,我們之前刪除有remove? 或者 empty 方法,這個(gè)是會(huì)把其中的元素都給刪除,而unwrap方法是只刪除父節(jié)點(diǎn),但是不刪除子節(jié)點(diǎn),這個(gè)方法比較簡(jiǎn)單,大家參考上面的案例即可

繼續(xù)學(xué)習(xí)
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <div> <p>元素</p> </div> <script> $("p").unwrap("<div></div>"); </script> </body> </html>
提交重置代碼