jQuery의 parent 메소드

우리는 이미 parent 메소드를 parent 의사 클래스를 논의할 때 약간 다뤘습니다. parent 메소드와 parent 선택자는 서로 다른 일을 한다는 점을 상기시켜 드립니다. 첫 번째는 요소의 부모를 찾고, 두 번째는 비어 있지 않은 모든 요소(부모인 요소)를 찾습니다.

다음 예제에서는 요소 #test를 찾은 다음, parent를 사용하여 그 부모를 찾고 '!' 텍스트를 설정합니다. 다음과 같은 HTML 코드가 있다고 가정해 보겠습니다:

html<p>outside</p>
<div>
  <p>inside</p>
  <p>inside</p>
  <p id="test">inside</p>
  <p>inside</p>
  <p>inside</p>
</div>
<p>outside</p>

이제 우리는 Javascript 코드에 parent 메소드를 작성합니다:

javascript$('#test').parent().html('!');

추가 부모 필터링을 위해 이 메소드에 선택자를 전달할 수 있다는 것을 잊지 마세요.