탭메뉴 반복

탭메뉴 반복

QA

탭메뉴 반복

본문

고수님들의 고견이 필요합니다^%^

아래처럼 class를 사용할 경우 script를 반복해서 하지않고, 한번만 사용하고 싶은데, 어떻게 해야 될까요?

------------------------------------------

  <div class="tab_menu_container">
    <button class="tab_menu_btn 1 on" type="button">전체대상</button>
    <button class="tab_menu_btn 1" type="button">문자참여자</button>
  </div> 
  <div class="tab_menu_container">
    <button class="tab_menu_btn 2 on" type="button">일반</button>
    <button class="tab_menu_btn 2" type="button">1차</button>
    <button class="tab_menu_btn 2" type="button">2차</button>
    <button class="tab_menu_btn 2" type="button">3차</button>
  </div>
  <div class="tab_menu_container">
    <button class="tab_menu_btn 3 on" type="button">중복불가</button>
    <button class="tab_menu_btn 3" type="button">중복가능</button>
  </div>
  <div class="tab_menu_container">
    <button class="tab_menu_btn 4 on" type="button">1</button>
    <button class="tab_menu_btn 4" type="button">2</button>
    <button class="tab_menu_btn 4" type="button">3</button>
    <button class="tab_menu_btn 4" type="button">4</button>
    <button class="tab_menu_btn 4" type="button">5</button>
    <button class="tab_menu_btn 4" type="button">6</button>
    <button class="tab_menu_btn 4" type="button">7</button>
    <button class="tab_menu_btn 4" type="button">8</button>
    <button class="tab_menu_btn 4" type="button">9</button>
    <button class="tab_menu_btn 4" type="button">10</button>
  </div>

 

<script>
$('.tab_menu_btn').on('click',function(){
  $('.tab_menu_btn').removeClass('on');
  $(this).addClass('on')
});

</script>

 

이 질문에 댓글 쓰기 :

답변을 작성하시기 전에 로그인 해주세요.
전체 123,122 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT