jQuery 함수 - 나의 첫 번째 부모 또는 조상 찾기

jQuery 함수 중에 요기나게 사용하게 되는 함수인데요.

바로 closest라는 함수입니다.

closest은 selector로 찾은 요소 기준으로 부모를 포함한 모든 직계조상들 중에 찾고자 하는 요소를 찾아줍니다.

예를 들어 목록에서 깊숙히 정의한 어떤 링크를 클릭했을 때 그 행에 효과를 주고 싶을 경우나

5레벨 정도 트리 구조의 형태에서 첫번째 1레벨만 펼침 효과를 주고 싶을 때 사용할 수 있습니다.

예를 들어 아래의 jQuery 코드를 정의한다면..

    $("span").closest("ul").css({"color": "red", "border": "2px solid red"});

아래 결과처럼 span 태그 기준으로 부모 포함 직계 조상들 중에 첫번째로 찾은 ul 태그에 효과를 주게 됩니다.

한 단계 위에 ul 태그가 하나 더 있지만 span 태그 기준으로 첫 번째가 아니므로 적용이 안 된 것입니다.

참조 URL) https://www.w3schools.com/jquery/traversing_closest.asp