• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • unwrap()

    将匹配元素集合的父级元素删除,保留自身(和兄弟元素,如果存在)在原来的位置。

    .unwrap()

    这个方法不接受任何参数。

    .unwrap()删除元素的父级元素。和.wrap()的功能相反。匹配的元素(以及他们的兄弟元素,如果有的话)取代他们的父母在DOM结构。

    例子

    在每个段落外层加上div或者删除div

    <!DOCTYPE html>
    <html>
    <head>
      <style>
      div { border: 2px solid blue; }
      p { background:yellow; margin:4px; }
      </style>
      <script src="https://www.lanmper.cn/static/js/jquery-3.5.0.js"></script>
    </head>
    <body>
      <button>wrap/unwrap</button>
    <p>Hello</p>
    <p>cruel</p>
    <p>World</p>
    <script>
    $("button").toggle(function(){
      $("p").wrap("<div></div>");
    }, function(){
      $("p").unwrap();
    });</script>
     
    </body>
    </html>
    

    下篇:detach()