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');
}
}
