본문 바로가기

개발/jQuery

jQuery 상위 요소 가져오기(parents, closest)

$(selector).parents(selector)

parents 함수는 parents 인자값으로 잡히는 모든 상위 요소를 반환한다.

    

예를들면, 예제 HTML 코드처럼 태그가 중첩되어 있을때 $('.uploadResult span:first').parents("div")를 실행하면 결과 객체는 배열이 나온다.
즉, selector로 잡히는 모든 상위 요소를 반환한다.

반환된 배열에는 [div, div.uploadResult] 태그가 있다.

$(selector).closest(selector)

closest 함수는 parents 함수와 달리 셀렉터로 잡히는 상위 요소중 가장 근접한 하나를 반환한다.
$('.uploadResult span:first').closest("div")를 실행하면 [div] 태그 객체가 반환된다.

'개발 > jQuery' 카테고리의 다른 글

jQuery 상위 요소 가져오기(parents, closest)  (0) 2018.12.04
jQuery.ajax(options) 옵션 정리  (0) 2018.11.30