jQuery의 parent 메소드

우리는 이미 parent 메소드를 parent 의사 클래스를 논의할 때 약간 다뤘습니다. parent 메소드와 parent 선택자는 서로 다른 일을 한다는 점을 상기시켜 드립니다. 첫 번째는 요소의 부모를 찾고, 두 번째는 비어 있지 않은 모든 요소(부모인 요소)를 찾습니다.

다음 예제에서는 요소 #test를 찾은 다음, parent를 사용하여 그 부모를 찾고 '!' 텍스트를 설정합니다. 다음과 같은 HTML 코드가 있다고 가정해 보겠습니다:

<p>outside</p>
<div>
	<p>inside</p>
	<p>inside</p>
	<p id="test">inside</p>
	<p>inside</p>
	<p>inside</p>
</div>
<p>outside</p>

이제 우리는 Javascript 코드에 parent 메소드를 작성합니다:

$('#test').parent().html('!');

추가 부모 필터링을 위해 이 메소드에 선택자를 전달할 수 있다는 것을 잊지 마세요.

클래스가 www인 요소의 부모를 찾아 빨간색으로 칠하세요.

모든 b 태그의 부모를 찾아 그들을 빨간색으로 만드세요.

모든 b 태그의 부모를 찾고, 클래스 test를 가진 부모를 빨간색으로 칠하세요.