parent 메서드

parent 메서드는 요소의 직접적인 부모를 가져옵니다.

구문

요소들의 직접적인 부모 가져오기:

javascript.parent();

지정된 선택자를 만족하는 직접적인 부모만 선택할 수도 있습니다:

javascript.parent(selector);

예제

#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$('#test').parent().html('!');

HTML 코드는 다음과 같이 변합니다:

html<p>outside</p>
<div>
  !
</div>
<p>outside</p>

예제

#test 요소를 찾은 다음 parent를 사용하여 그 부모를 찾고, 이 부모가 www 클래스를 가진 div인 경우에만 html 메서드를 사용하여 '!' 텍스트를 설정해 봅시다:

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

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

HTML 코드는 다음과 같이 변합니다:

html<p>outside</p>
<div class="www">
  !
</div>
<p>outside</p>

함께 보기