테스트 사이트 - 개발 중인 베타 버전입니다

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

래슬리 4년 전 조회 5,593

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

}

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

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

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

로그인