300x250
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/
300x250
'개발' 카테고리의 다른 글
인터넷 익스플로러 8 (IE8) 이하에서 html5 사용하기 - html5shiv (0) | 2014.09.13 |
---|---|
다음 우편번호 찾기 API (0) | 2014.06.27 |
그누보드 게시판에서 bo_table 변수의 길이 20자로 제한 변경하기 (0) | 2014.04.22 |
SQLiteSpy - SQLite 디비 편집 관리 프로그램 (0) | 2014.03.28 |
php 문자열 자르기 나누기 분리하기 - explode() , split() (1) | 2014.03.09 |