wrapAll 메소드

jquery

.wrapAll() 메소드

형태

1
.wrapAll(wrappingElement)

설명

선택된 HTML 구조(태그)들을 괄호안의 wrappingElement로 감싼다.

예시

1
2
3
4
<div class="container">
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>

위 와 같이 HTML이 있을 때, 클래스가 .inner인 태그들을 감싼다

1
$('.inner').wrapAll("<div class='new' />")

결국 아래와 같은 HTML DOM을 형성하게 된다.

1
2
3
4
5
6
<div class="container">
  <div class="new">
    <div class="inner">Hello</div>
    <div class="inner">Goodbye</div>
  </div>
</div>
Share