[JQUERY/JAVSCRIPT] 제이쿼리 함수 wrap, 태그로 감싸주는 스크립트

셀렉터의 바깥쪽을 지정한 태그로 감싸줍니다.

소스 SOURCE:

<div class="container">
  <div class="test">test1</div>
  <div class="test">test2</div>
</div>

스크립트 SCRIPT:

$('.test').wrap('<div class="outer"></div>');

결과 RESULT:

<div class="container">
  <div class="outer">
    <div class="test">test1</div>
  </div>
  <div class="outer">
    <div class="test">test2</div>
  </div>
</div>

test클래스 2개의 바깥쪽에 outer클래스를 가진 div태그로 감싸졌습니다.

처읏것만 적용하고 싶을때:

$('.test:first').wrap('<div class="outer"></div>');