parents 메서드

parents 메서드는 요소의 모든 부모 요소를 가져옵니다 - 직접적인 부모뿐만 아니라, 조부모, 증조부모 등 최상위 루트 요소(즉, html 태그)까지.

문법

요소들의 모든 부모를 가져오기:

javascript.parents();

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

javascript.parents(selector);

예제

#test 요소를 찾은 다음, parents를 사용하여 모든 부모를 찾고, 만약 그것이 클래스 www를 가진 div 부모라면, prepend를 사용하여 그 앞에 '!' 텍스트를 추가해 보겠습니다:

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

javascript$('#test').parents('div.www').prepend('!');

HTML 코드는 다음과 같이 될 것입니다:

html<div>
  <div class="www">
    !
    <div class="www">
      !<p id="test">text</p>
    </div>
  </div>
</div>

함께 보기