js进阶 11-13  jquery如何包裹元素和去除元素外的包裹

一、总结

一句话总结：wrap()、wrapAll()、unwrap()、innerWrap()四个方法

 

1、jquery中unwrap()方法是干嘛的？

去除元素外的包裹元素

54             $('#btn3').click(function(){ 55 $('li').unwrap() 56 $('li').unwrap() 57 })

 

 

2、wrap()、wrapAll()、innerWrap()的区别是什么？

外层包，外层用一个包，在里面包

• wrap():把每个被选元素放置在指定的 HTML 内容或元素中。
• wrapAll():将所有匹配的元素用单个元素包裹起来
• wrapInner():将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来

 

 

 

二、jquery如何包裹元素和去除元素外的包裹

1、相关知识

包裹节点:

• wrap():把每个被选元素放置在指定的 HTML 内容或元素中。
• wrapAll():将所有匹配的元素用单个元素包裹起来
• unwrap():移出元素的父元素。
• wrapInner():将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来

 

2、代码

1  2  3  5  6     
      7      8      9     19 20 21 22     
     
23     
     
      24         
      
列表项1
25         
      
列表项2
26         
      
列表项3
27     
     
28     29     30     31     32     33     34     66 67