jQuery 文档操作 - unwrap() 方法

实例

删除所有 <p> 元素的父元素:

  1. $("button").click(function(){
  2. $("p").unwrap();
  3. });

定义和用法

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

语法

  1. $(selector).unwrap()

实例

包裹或解开元素

对包裹和解开元素的任务进行切换。

  1. <html>
  2. <head>
  3. <script type="text/javascript" src="/jquery/jquery.js"></script>
  4. <script type="text/javascript">
  5. $(document).ready(function(){
  6. $("button").toggle(function(){
  7. $("p").wrap("<div></div>");
  8. }, function(){
  9. $("p").unwrap();
  10. });
  11. });
  12. </script>
  13. <style type="text/css">
  14. div{background-color:yellow;padding:10px;}
  15. </style>
  16. </head>
  17. <body>
  18. <p>This is a paragraph.</p>
  19. <button>包裹或解开 p 元素</button>
  20. </body>
  21. </html>