wrapAll 메서드
wrapAll 메서드는
선택된 모든 요소를 하나의 지정된 태그로 감쌉니다.
이 요소들이 서로 다른 위치에 있다면,
jQuery는 먼저 이들을 나란히 배치한 후
필요한 태그로 감쌉니다.
구문
메서드의 매개변수는 텍스트(태그를 포함할 수 있음), DOM 요소 또는 jQuery 객체일 수 있습니다:
.wrapAll(text);
또한 각 요소에 대해 함수를 사용할 수도 있습니다:
.wrapAll(function(index))
예시
클래스가 www인 단락을
div 태그로 감싸 보겠습니다:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.www').wrapAll('<div></div>');
HTML 코드는 다음과 같이 변합니다:
<div>
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
</div>
<p>text</p>
