wrapAll 메서드

wrapAll 메서드는 선택된 모든 요소를 하나의 지정된 태그로 감쌉니다. 이 요소들이 서로 다른 위치에 있다면, jQuery는 먼저 이들을 나란히 배치한 후 필요한 태그로 감쌉니다.

구문

메서드의 매개변수는 텍스트(태그를 포함할 수 있음), DOM 요소 또는 jQuery 객체일 수 있습니다:

javascript.wrapAll(text);

또한 각 요소에 대해 함수를 사용할 수도 있습니다:

javascript.wrapAll(function(index))

예시

클래스가 www인 단락을 div 태그로 감싸 보겠습니다:

html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

javascript$('.www').wrapAll('<div></div>');

HTML 코드는 다음과 같이 변합니다:

html<div>
  <p class="www">text</p>
  <p class="www">text</p>
  <p class="www">text</p>
</div>
<p>text</p>

함께 보기