본문 바로가기
Javascript

jQuery wrap(), unwrap(), wrapInner(), wrapAll()

by @hohoya33 2013년 04월 01일

wrap() – 대상 요소를 감쌈

unwrap() – 감싸고 있는 부모를 삭제

wrapInner() – 대상 요소의 하위 요소를 감쌈

wrapAll() - 대상 요소들을 한번에 감쌈

$('#wrapBtn').click(function(){
  $('#target').wrap($('#source'));
});

$('#unwrapBtn').click(function(){
  $('#innerTarget').unwrap();                    
});

$('#wrapInnerBtn').click(function(){
  $('#target').wrapInner($('#source'));                     
});

$('#wrapAllBtn').click(function(){
  $('#target').wrapAll($('#source'));   
});

개의 댓글