find 메서드

find 메서드는 이미 찾은 요소 내부에서 요소를 검색합니다.

문법

선택자로 검색하기:

javascript.find(선택자);

선택자뿐만 아니라 DOM 요소나 jQuery 객체로도 검색할 수 있습니다:

javascript.find(jQuery 객체 또는 DOM 요소);

예제

모든 div 태그를 찾아서, prepend를 사용해 앞에 '!' 텍스트를 추가하고, 그 안에서 find 메서드를 사용해 모든 단락을 찾아서 뒤에 '?' 텍스트를 추가해 보겠습니다:

html<div>
  <p>텍스트</p>
  <p>텍스트</p>
  <p>텍스트</p>
</div>
<div>
  <p>텍스트</p>
  <p>텍스트</p>
  <p>텍스트</p>
</div>

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

HTML 코드는 이렇게 바뀝니다:

html<div>
  !
  <p>텍스트?</p>
  <p>텍스트?</p>
  <p>텍스트?</p>
</div>
<div>
  !
  <p>텍스트?</p>
  <p>텍스트?</p>
  <p>텍스트?</p>
</div>

함께 보기