Heojju

[jQuery] before / after / insertBefore / insertAfter - element 추가 (동등 관계) 본문

웹개발/jQuery

[jQuery] before / after / insertBefore / insertAfter - element 추가 (동등 관계)

우주별 2017. 12. 4. 11:37
<body>
<div id="parent">
<p id="first">안녕하세요.</p>
</div>
</body>


▤ before

var second="<p>second</p>";
$("#first").before(second); // first 객체 앞쪽에 second 객체를 붙인다.

    <div id="parent">

        <p>second</p>

        <p id="first">안녕하세요.</p>

    </div>


▤ insertBefore

var second="<p>second</p>";
$(second).insertBefore("#first"); // second 객체를 first 객체의 앞쪽에 붙인다.

    <div id="parent">

        <p>second</p>

        <p id="first">안녕하세요.</p>

    </div>


▤ after

var second="<p>second</p>";
$("#first").after(second); // first 객체 뒤쪽에 second 객체를 붙인다.

    <div id="parent">

        <p id="first">안녕하세요.</p>

        <p>second</p>

    </div>


▤ insertAfter

var second="<p>second</p>";
$(second).insertAfter("#first"); // second 객체를 first 객체의 뒤쪽에 붙인다.

    <div id="parent">

        <p id="first">안녕하세요.</p>

        <p>second</p>

    </div>



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

[jQuery] 마우스 좌표 얻기  (0) 2018.01.09
[jQuery] prepend / append - 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