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

$(selector).parents(selector)

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

    

        

            

                

                    
                        vouchers.pdf
                    
                     x 
                
            
            

                
                    
                
                 x 
            
        
    

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

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

$(selector).closest(selector)

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