.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>