parent 메서드

parent 메서드는 요소의 직접적인 부모를 가져옵니다.

구문

요소들의 직접적인 부모 가져오기:

.parent();

지정된 선택자를 만족하는 직접적인 부모만 선택할 수도 있습니다:

.parent(selector);

#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>

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

HTML 코드는 다음과 같이 변합니다:

<p>outside</p>
<div>
	!
</div>
<p>outside</p>

#test 요소를 찾은 다음 parent를 사용하여 그 부모를 찾고, 이 부모가 www 클래스를 가진 div인 경우에만 html 메서드를 사용하여 '!' 텍스트를 설정해 봅시다:

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

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

HTML 코드는 다음과 같이 변합니다:

<p>outside</p>
<div class="www">
	!
</div>
<p>outside</p>