jQuery는 컬렉션 객체입니다. 컬렉션에 있는 각 요소의 모든 조상 요소를 빠르게 찾으려면 parent() 메서드를 사용하면 됩니다.
사실 find와 parent의 차이점은 비슷합니다. 한 레벨만 검색하고 부모는 조상 노드까지 검색합니다
노드 검색 관계 이해:
<div class="div">
<ul class="son">
<li class="grandson"> ;1</li>
</ul>
</div>
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>다음 섹션