선택한 요소를 다른 요소 안에 넣는 방법 - .appendTo()

.appendTo()

.appendTo()는 선택한 요소를 다른 요소 안에 넣습니다.

 

기본형

.appendTo( target )

예를 들어

$( 'p' ).appendTo( 'blockquote' );

는 <p> 요소를 <blockquote> 요소 안으로 이동시킵니다.

 

예제

abc를 클래스 값으로 가지는 <span> 요소를 <h1> 요소 안으로 이동시킵니다.

<h1>Lorem Ipsum Dolor</h1>
<span class="abc">Consectetur adipiscing elit.</span>
<p>Aenean nec mollis nulla.</p>

$( document ).ready( function() {
  $( 'span.abc' ).appendTo( 'h1' );
});

 

렌더링 결과는 다음과 같습니다.

<h1>Lorem Ipsum Dolor <span class="abc">Consectetur adipiscing elit.</span></h1>
<p>Aenean nec mollis nulla.</p>