Sample

要素のラッピングとアンラッピング

 

• wrap : $('#target > p').wrap($('<div></div>').css({border:'solid 1px blue', background: '#eee'}));
• wrapAll : $('#target > p').wrapAll($('<div></div>').css({border:'solid 1px green', background: '#eee'}));
• wrapInner : $('#target > p').wrapInner($('<div></div>').css({border:'solid 1px orange', background: '#eee'}));
• unwrap : $('#target p').unwrap();（セレクタが他のメソッドと異なり > を付けていない）

wrapInner() でラップした後に unwrap() を実行すると、他の場合と異なり、div#target が削除される。