jQuery - parent() 부모요소를 선택하기

제이쿼리를 사용해, 부모요소 찾기

 

안녕하세요.

고코더 입니다.

 

 

● 1. jQuery에서 해당 요소위에 바로 위에 존재하는 부모 요소를 선택하는 방법을 알아보겠습니다. 실무에서 자주 사용하는 3가지 정도의 방법이 있지만 오늘은 하나의 부모 요소를 반환하는 parent() 를 사용해보겠습니다. 

 

● 2. 해당 p태그의 상단에는 div 태그가 있습니다. 이를 한번 선택해보도록 하겠습니다.

<div>
    <p>부모를 찾아라</p>
</div>

 

● 3. 방법은 간단합니다. 자식요소에서 부모 요소를 찾는 방법은 .parent();를 사용합니다. 

 $('p').parent();

 

● 4. 조금 더 응용 해보겠습니다. 해당 처럼 사용하면 div 라는 태그가 선택되어, div 가 출력 됩니다.

var tag = $('p').parent().prop('tagName');
console.log(tag);

 

마무리

 

선택자가 중요합니다.