.btn을 한번 누르면 addClass

Question

이런 구조인데 activ를 삽입하는 방법은( active는 딱 하나만 발동하게 끔)이 곳의 다른분에게 자문을 구해서 $('.btn').click(function(){ $('.btn').removeClass('active'); $(this).addClass('active'); }); 이렇게 명령어를 삽입했습니다.근데 똑같은(클래스 active가 있는) .btn을 한번 더 누르면 active가 사라져야 하는데,그게 안되네요 ㅠㅠ 여기서 어떻게 더 추가해야 하나요...알려주세요 ㅠㅠㅠ

웹개발자 화이팅 · Accepted Answer

If문으로 클래스를 체킹후 로직을줘도 될거같고 제이쿼리에서 toggleClass 라는 메소드가 있습니다.

웹개발자 화이팅 · Answer

$().toggleClass(active);

퍼블리셔가될몸이시다 · Answer

토글 클래스... 잘 기억해두겠습니다.. 정말감사합니다!하지만 이렇게 쓰면 또 단독으로 하나에다가만 active를 넣을 수 없게되는데,$('.id_btn').click(function(){ $('.id_btn').removeClass('active'); $(this).toggleClass('active');}); 이렇게 쓰면 틀린건가요 ㅠㅠ? btn을 누르면 누른 버튼 외의 .btn에 삽입되었던 active를 다 없앨수 있도록..

웹개발자 화이팅 · Answer

클릭시 있으면 지우고 없으면 생성한다 &#61;&#61;> 자체가 있으면? 없으면? 이라는게 if조건문으로 비교해야한다는걸 생각해야 할거같습니다. 글쓴이님 코드로 설명하자면 $('.id_btn').click(function(){ if($('.id_btn').attr('class') &#61;&#61; 'active') { // .id_btn의 클래스가 activce 이면 $('.id_btn').removeClass('activce'); } else{ //.id_btn의 클래스가 activce가 아니면 $('.id_btn').addClass('activce'); } }) 툴 안쓰고 바로쓴거라 오타있을수 있습니다. 이해를 위해 선택자를 쓸대마다 지정했으나 변수에 담거나 this를 이용할수있을땐 쓰는게 더 좋을듯합니다.

.btn을 한번 누르면 addClass

4개의 답변

#toggle 목록