jQuery의 after 메서드
after 메서드는 요소
뒤에 텍스트를 추가할 수 있게 해줍니다.
다음 예를 살펴보겠습니다. 우리에게 다음과 같은 문단이 있다고 가정합시다:
<p>text</p>
이제 다음 Javascript 코드를 작성합니다:
$('p').after('<b>!!!</b>');
코드 실행 후 문단은 다음과 같이 됩니다:
<p>text</p><b>!!!</b>
위에서 언급된 모든 삽입 메서드
- prepend, append,
before 및 after도
세트의 각 요소에 함수를 적용하는 기능을
제공합니다.
모든 문단을 찾고 각각의 끝에 세트 내 순서 번호를 붙여봅시다:
<p>text</p>
<p>text</p>
<p>text</p>
$('p').append(function(index){return index;});
각 h2 뒤에 '<p>?</p>'를 삽입하세요.
하나의 체인으로 각 h2 앞에
'<p>!</p>'를 삽입하고, 각 h2 뒤에는
'<p>?</p>'를 삽입하세요.