jQuery 순회 parent() 메소드

jQuery는 컬렉션 개체입니다. 컬렉션에 있는 각 요소의 상위 요소를 빠르게 찾고 싶다면(부자 관계로 이해 가능) 이때 parent() 메서드를 사용할 수 있습니다. 이 방법은 한 수준 위로만 검색합니다.

노드 검색 관계를 이해하세요.

li>

</ul>
</div>

ul의 상위 요소 div인 $(ul).parent()를 찾으세요. 정말 간단한 표현식입니다.

parent()에는 매개변수가 없습니다.

parent() 메서드에서 이러한 요소의 상위 요소를 검색할 수 있습니다. DOM 트리를 사용하여 요소를 순서대로 일치시키고 일치된 요소를 기반으로 새 jQuery 개체를 만듭니다

참고: jQuery는 컬렉션 개체이므로 부모가 일치합니다. 집합에 있는 각 요소의 parent() 메서드는 선택적으로 또한 jQuery는 컬렉션 객체이기 때문에 대상 요소를 찾기 위해 컬렉션 객체를 필터링해야 할 수도 있으므로 선택기 표현식을 전달하는 것이 허용됩니다

예제를 살펴보겠습니다

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

<body>

  <div><p>Hello</p></div>
  <div class="selected"><p>Hello Again</p></div>

<script>
  $("p").parent(".selected").css("background", "yellow");
</script>

</body>
</html>

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <div><p>Hello</p></div> <div class="selected"><p>Hello Again</p></div> <script> $("p").parent(".selected").css("background", "yellow"); </script> </body> </html>

제출하다 코드 재설정

자동운전