jQuery 순회 parent() 메소드

jQuery는 컬렉션 객체입니다. 컬렉션에 있는 각 요소의 모든 조상 요소를 빠르게 찾으려면 parent() 메서드를 사용하면 됩니다.

사실 find와 parent의 차이점은 비슷합니다. 한 레벨만 검색하고 부모는 조상 노드까지 검색합니다

노드 검색 관계 이해:

li 노드에서 조상 요소 div를 찾으세요. 여기에서 $("li를 사용할 수 있습니다. ").parents() 메소드

parents() 없음

parents() 메소드 매개변수를 사용하면 DOM 트리에서 이러한 요소의 조상 요소를 검색하고, 위쪽으로 정렬된 요소를 일치시키고, 기반으로 새 jQuery 객체를 생성할 수 있습니다.

반환된 요소 순서는 가장 가까운 상위 요소부터 시작됩니다.

참고: jQuery는 컬렉션 개체이므로 상위 요소는 컬렉션의 모든 요소와 일치하는 조상 요소입니다.

> 마찬가지로 jQuery도 컬렉션 개체인 경우 대상 요소를 찾기 위해 컬렉션 개체를 필터링해야 할 수 있으므로 선택기 표현식을 전달하는 것이 허용됩니다

참고:

1.parents() 및 .parent () 메서드는 비슷합니다. 하지만 후자는 단일 수준 DOM 트리 검색만 수행합니다

2 $( "html" ).parent() 메서드는 문서가 포함된 컬렉션을 반환하는 반면 $( "html" ).parents( )는 빈 컬렉션을 반환합니다.

코드를 살펴보겠습니다:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>

<body>
    <div>php.cn
        <ul>php
          <li>php 中文网</li>
          <li>php 中文网</li>
        </ul>
    </div>
<script>
    $("li").parents().css('color','red');
</script>

</body>
</html>

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <div>php.cn <ul>php <li>php 中文网</li> <li>php 中文网</li> </ul> </div> <script> $("li").parents().css('color','red'); </script> </body> </html>

제출하다 코드 재설정

자동운전