[jQuery 함수] after(), before() 이용해서 DOM 위치 이동시키기

after() 함수를 이용해서 이동시키기

jquery after() 함수를 이용하면 특정 dom 뒤로 이동시킬수 있습니다.

<div class="first">첫째</div>
<div class="third">셋째</div>
<div class="second">둘째</div>

<script>
$( document ).ready( function() {
    $('.first').after($('.second'));
});
</script>

before() 함수를 이용해서 이동시키기

jquery before() 함수를 이용하면 특정 dom 앞으로 이동시킬수 있습니다.

<div class="first">첫째</div>
<div class="third">셋째</div>
<div class="second">둘째</div>

<script>
$( document ).ready( function() {
    $('.third').before($('.second'));
});
</script>

결과

첫째

둘째

셋째