최신 웹 개발 튜토리얼
 

jQuery이송 - 조상을

❮ 이전 다음 장 ❯

조상 등등 부모, 조부모, 증조 조부모, 그리고.

jQuery를 사용하면 요소의 조상을 찾기 위해 DOM 트리를 통과 할 수 있습니다.

는 DOM 트리를 이송

DOM 트리를 통과하는 세 가지 유용한 jQuery를 방법은 다음과 같습니다 :

  • parent()
  • parents()
  • parentsUntil()

jQuery를의 parent() 메소드

parent() 메서드는 선택된 요소의 직접적인 부모 요소를 반환합니다.

이 방법은 DOM 트리 최대 단일 레벨을 통과.

다음의 예는 각각의 직접 부모 요소를 반환 <span> 요소를 :

예

$(document).ready(function(){
    $("span").parent();
});
»그것을 자신을 시도

jQuery를의 parents() 메소드

parents() 메소드는 문서의 루트 요소까지 줄곧 선택된 요소의 모든 상위 요소를 반환 (<html>) .

다음 예는 모든 모든 조상을 반환 <span> 요소를 :

예

$(document).ready(function(){
    $("span").parents();
});
»그것을 자신을 시도

또한 조상에 대한 검색을 필터링하는 선택적 매개 변수를 사용할 수 있습니다.

다음 예는 모든 모든 조상을 반환 <span> 요소가있는 <ul> 요소 :

예

$(document).ready(function(){
    $("span").parents("ul");
});
»그것을 자신을 시도

jQuery를 parentsUntil() 메소드

parentsUntil() 메서드는 두 개의 지정된 인수 사이의 모든 상위 요소를 반환합니다.

다음은 사이의 모든 조상 요소를 반환 <span> 와 <div> 요소 :

예

$(document).ready(function(){
    $("span").parentsUntil("div");
});
»그것을 자신을 시도

연습으로 자신을 테스트!

연습 1» 운동 2» 운동 3» 운동 4»

jQuery를 이송 참조

모든 jQuery를 이송 방법의 전체 개요는, 우리로 이동하시기 바랍니다 jQuery를 이송 참조 .


❮ 이전 다음 장 ❯