제이쿼리 현재 클래스는 제외한 나머지 클래스는 지우기 채택완료
시로님
8년 전
조회 3,588
클릭을 하면 클릭한 태그는 클래스가 남아있고
나머지 클래스는 사라지는 쿼리 만드려고 하는데
저렇게 해봤는데 쿼리가 생성만 되고 사라지지는 않는 이유가 뭘까요ㅜㅜ
사진은 1번 2번 3번까지 클릭했을때입니다.
제 의도대로라면 1번 클릭할때 클래스가 생성되고
2번 클릭하면 1번 클래스는 사라지고 2번에 클래스가 생성되어야 하는데
보시다시피 계속해서 클래스는 생성만 되고 지워지지 않네요.
틀린부분 알려주시면 감사하겠습니다.
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
8년 전
</p><p>$(".thumbnail > .thumb > a").click(function() {</p><p> $(".thumb > a").removeClass('thumb_on');</p><p> $(this).addClass('thumb_on');</p><p> //$(this).not(this).removeClass('thumb_on');</p><p>});</p><p>순서만 바꾸면 될 것 같네요.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
시로님
8년 전
아.. 이럴수가ㅜㅜ 답변 감사드립니다.
댓글을 작성하려면 로그인이 필요합니다.
8년 전
음.. 이렇게 수정해보시는건 어떤가요?
</p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;"><script type="text/javascript"></p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;">$(".thumbnail > .thumb > a").click(function() {</p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;"> $(this).addClass('thumb_on');</p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;"> $(this).not(this).removeClass('thumb_on');</p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;">});</p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;"><span style="font-size: 11pt;"></script></span></p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;">
위의 내용을 아래처럼
</p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;"> </p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;"><script type="text/javascript"></p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;">$("<span style="font-size: 14.004px;">.thumbnail > .thumb > a</span>").click(function() {</p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;"><span style="font-size: 14.004px;"> $("</span><span style="font-size: 14.004px;">.thumbnail > .thumb > a</span><span style="font-size: 14.004px;">"</span><span style="font-size: 14.004px;">).removeClass('thumb_on');</span> </p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;"> $(this).addClass('thumb_on');</p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;">});</p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;"><span style="font-size: 11pt;"></script></span></p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;"> </p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;">
위의 코드로 변경해보시면 아마 적용될것 같아요.
thumb a 를 클릭하면 전체의 thumb_on 을 삭제하고 클릭한(this)만 addClass 하는 형태입니다. ^^
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
시로님
8년 전
답변 감사드립니다.!
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인