prepend / append - element 추가 (부모/자식 관계)

by 조쉬 posted Mar 31, 2021
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄
<body>
<div id="parent">
<p>안녕하세요.</p>
</div>
</body>

 

▤ append

var child="<p>child</p>";
$("#parent").append(child); // child 객체를 parent 객체 내 마지막 요소 뒤에 붙인다.

    <div id="parent">

        <p>안녕하세요.</p>

        <p>child</p>

    </div>

 

▤ appendTo

var child="<p>child</p>";
$(child).appendTo("#parent"); // child 객체를 parent 객체 내 마지막 요소 뒤에 붙인다.

    <div id="parent">

        <p>안녕하세요.</p>

        <p>child</p>

    </div>

 

▤ prepend

var child="<p>child</p>";
$("#parent").prepend(child); // chlid 객체를 parent 객체 내 첫번째 요소로 붙인다.

    <div id="parent">

        <p>child</p>

        <p>안녕하세요.</p>

    </div>

 

▤ prependTo

var child="<p>child</p>";
$(child).prependTo("#parent"); // chlid 객체를 parent 객체 내 첫번째 요소로 붙인다.

    <div id="parent">

        <p>child</p>

        <p>안녕하세요.</p>

    </div>