프런트엔드/jquery

[Jquery] 부모 요소 찾는 방법

1. parent : 요소에 부모에 있는 class나 태그를 찾을 수 있다. 단 여러개일 경우 처리가 필요.

 예시 ) $( "p" ).parent( ".selected" ).css( "background", "yellow" );

 

2. closest : 해당요소에서 찾고자하는 가장 처음에 값을 전달해준다. 여러개가 존재하는 태그, 클래스일때 유용하게 쓴다.

 예시) $( event.target ).closest( listElements ).toggleClass( "highlight" );

 

 

처음에는 모르고 parent만 쓰다가 closest를 알게 된 후 저거를 자주 쓴다.

자기꺼에 가장 가까운 것을 찾아주기 때문에 내가 쓸 때 가장 최적인듯 싶다.