after 메서드

after 메서드는 지정된 요소 뒤에 텍스트를 추가합니다. 유사하게 작동하는 insertAfter 메서드도 존재합니다.

구문

요소 뒤에 텍스트 삽입:

다음과 같이 선택된 요소 뒤에 사용자 정의 함수가 반환한 텍스트가 추가됩니다. 이 함수는 선택된 각 요소에 대해 개별적으로 호출됩니다. 이 함수의 첫 번째 매개변수는 선택된 요소 집합에서의 순서 번호가, 두 번째 매개변수는 요소의 현재 내용이 전달됩니다:

텍스트는 일반 텍스트뿐만 아니라 DOM 요소나 jQuery 객체일 수도 있습니다. 이 경우 해당 요소들은 HTML 코드 상의 원래 위치에서 이동됩니다.

예시

지정된 단락 뒤에 텍스트를 삽입해 보겠습니다:

HTML 코드는 다음과 같이 될 것입니다:

예시

지정된 단락 뒤에 태그가 포함된 텍스트를 삽입해 보겠습니다:

HTML 코드는 다음과 같이 될 것입니다:

예시

하나의 단락을 다른 단락 아래로 이동시켜 보겠습니다 (즉, 단락을 원래 위치에서 잘라내어 새로운 위치에 놓습니다):

HTML 코드는 다음과 같이 될 것입니다:

함께 보기