jquery 중복 코드를 메서드로 만드려고 합니다

버튼 다중 선택 기능 구현하려고 코드 짜는 중입니다. 아래 코드가 선택자를 제외하고 3번 중복되어서

function 으로 따로 작성 후 불러오려고 하는데요 아직 배우는 단계라 제가 짠 코드로 메서드를 불러오면 버튼 클릭이 안 돕니다... 아래 코드를 메서드로 따로 빼려면 코드를 어떻게 작성해야 되는지 도움 부탁드립니다 

        $('.btn1').click(function(){
            if($(this).hasClass('btn-default')) {
                $(this).removeClass('btn-default');
                $(this).addClass('btn-primary');
                
                if( $('.button-class1').hasClass('btn-primary')) {
                    $('.button-class1').removeClass('btn-primary');
                    $('.button-class1').addClass('btn-default');
                }
                
            } else if ($(this).hasClass('btn-primary')){
                $(this).removeClass('btn-primary');
                $(this).addClass('btn-default');
            }    
        });

답변 1개

        $('.btn1').click(function(){
                    fff( this);
        });

function ff( ee) {

            if($(ee).hasClass('btn-default')) {
                $(ee).removeClass('btn-default');
                $(ee).addClass('btn-primary');
                
                if( $('.button-class1').hasClass('btn-primary')) {
                    $('.button-class1').removeClass('btn-primary');
                    $('.button-class1').addClass('btn-default');
                }
                
            } else if ($(ee).hasClass('btn-primary')){
                $(ee).removeClass('btn-primary');
                $(ee).addClass('btn-default');
            }    

}

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고