jQuery closest()/parents() 부모 접근

* closest()

첫번째 부모 엘리멘트에 접근한다.

* parents()

모든 부모 엘리멘트에 접근한다.

CODE :

  
I
  
II
  

    
A
    
B
      

        
1
        
2
        
3
      
    
    
C
  
  
  
III
 

$("li.item-a").closest("ul").css("background-color", "red");

└ closest 의 경우에는 item-a 엘리멘트의 가장가까운 level-2 만 배경색이 변경된다.

$("li.item-a").parents("ul").css("background-color", "red");

└ parents 의 경우에는 item-a 엘리멘트의 모든 부모 ul 엘리멘트의 배경색이 변경된다.