[JQ] 제이쿼리 부모, 자식 탐색 메서드

예시로 사용할 HTML

<h3>* 부모, 자식 탐색 메서드 *</h3>
	<div>
		<p>사과</p>
		<p>바나나</p>
		<p>키위</p>
		<p>딸기</p>
		<p>메론</p>
</div>

find("selector") 메서드

$("element").find(["selector"])

선택한 엘리먼트들의 자손들 중에 탐색하고자 하는 엘리먼트를 찾는다.

children("selector") 메서드

$("element").children(["selector"])

선택한 엘리먼트의 자식요소들 중에 탐색하고자 하는 엘리먼트를 찾는다.

parent()/ parents("selector") 메서드

$("element").parent(["selector"])
$("element").parents(["selector"])

선택한 엘리먼트의 부모/ 조상 엘리먼트를 찾는다.

next("selector") 메서드

$("element").next(["seletor"])

선택한 엘리먼트 다음으로 나오는 엘리먼트를 찾는다.

829