li 태그 자식 태그(button) 클릭 시 부모 클래스 변경

부모의 형제에 active 된 class를 모두 제거 한 뒤

 

클릭된 해당 부모의 class만 active를 주어서 표시한다.

 

$(document).ready(function(){
   $('li > button').on('click',function(e){
       $(this).parent().parent().children().removeClass('active');
        $(this).parent().addClass('active');
   })
});