jQuery 내부 검색

이제 find 메서드를 살펴보겠습니다. 이 메서드는 이미 찾은 요소(즉, 찾은 요소 내부의 자손) 내에서 지정된 선택자에 따라 요소를 검색합니다.

다음 HTML 코드를 예로 메서드의 작동 방식을 살펴보겠습니다:

<div>
	<p>text</p>
	<p>text</p>
	<p>text</p>
</div>
<div>
	<p>text</p>
	<p>text</p>
	<p>text</p>
</div>

먼저 모든 div 태그를 찾아, prepend 를 사용하여 시작 부분에 텍스트 '!'를 추가한 다음, 그 안에서 find 메서드를 사용하여 모든 단락을 찾아 시작 부분에 텍스트 '?'를 추가해야 합니다:

$('div').prepend('!').find('p').prepend('?');

클래스가 www인 모든 b를 찾아 빨간색으로 만든 다음, 찾은 요소 중에서 클래스가 test인 요소를 찾아 글꼴 크기를 30px로 설정하세요.

클래스가 www인 모든 요소를 찾아 빨간색으로 만든 다음, 찾은 요소 중에서 단락을 찾아 끝에 텍스트 '!'를 추가하세요.