insertAfter 메소드
insertAfter 메소드는 지정된 요소 뒤에
텍스트를 추가합니다. 유사한 방식으로 작동하는
after
메소드도 있습니다.
구문
요소 뒤에 텍스트 삽입하기:
$(텍스트).insertAfter(선택자);
내용은 일반 텍스트뿐만 아니라 DOM 요소, 선택자, 요소 배열, 문자열 또는 jQuery 객체일 수도 있습니다.
예제
지정된 단락 뒤에 태그가 있는 텍스트를 삽입해 보겠습니다:
<p id="test">단락</p>
$('<p>!!!</p>').insertAfter('#test');
HTML 코드는 다음과 같이 보일 것입니다:
<p id="test">단락</p><p>!!!</p>
함께 보기
-
지정된 요소 뒤에 텍스트를 추가하는
after메소드 -
페이지의 특정 위치에 내용을 추가할 수 있는
insertBefore,appendTo,prependTo메소드들 -
선택한 요소의 복사본을 만드는
clone메소드