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

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

QA

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

답변 1

본문

버튼 다중 선택 기능 구현하려고 코드 짜는 중입니다. 아래 코드가 선택자를 제외하고 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');
            }    

}

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 1,020
© SIRSOFT
현재 페이지 제일 처음으로