jQuery | div 등 요소의 위치 바꾸기 치환하기 .replaceWith()

html 페이지의 화면 구성에서 div 나 그외 요소들의 위치를 바꾸거나 특정 위치에 끼워 넣고자 할 때가 있다. 

이 경우에 사용하는 jQuery 의 메소드가 .replaceWith() 이다. 

구문은 

$("#바꾸고자하는곳의요소id" ).replaceWith($("#컨텐츠를가진요소의id"));

이렇게 사용한다. 

replaceWith 의 파라미터에는 아이디나 클래스도 가능하지만, html 구문 자체를 입력할 수도 있다. 

$( this ).replaceWith( "<div>" + $( this ).text() + "</div>" );

- html 구문

 <div class="container">

  <div class="inner first">Hello</div>

  <div class="inner second">And</div>

  <div class="inner third">Goodbye</div>

</div>

- jQuery 구문

$( "div.third" ).replaceWith( $( ".first" ) );

- 출력 결과

<div class="container">

  <div class="inner second">And</div>

  <div class="inner first">Hello</div>

</div>

* 출처 : http://api.jquery.com/replacewith/