Heojju

[jQuery] prepend / append - element 추가 (부모/자식 관계) 본문

웹개발/jQuery

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

우주별 2017. 12. 4. 11:26
<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>



'웹개발 > jQuery' 카테고리의 다른 글

[jQuery] 마우스 좌표 얻기  (0) 2018.01.09
[jQuery] before / after / insertBefore / insertAfter - element 추가 (동등 관계)  (0) 2017.12.04
[jQuery] parent of the iframe element selector  (0) 2017.11.24
[jQuery] draggable - div 드래그  (0) 2017.08.23
[jQuery] 다중 select  (0) 2017.02.09
'웹개발/jQuery' Related Articles more