클래스 remove하고 재사용하기에 대하여 질문하고싶습니다.
본문
removeClass('col-sm-12 col-md-8 col-lg-8');
이렇게 여러 클래스를 지우기 전에
클래스의 속성들을 보관하였다가
언제든 제가 클래스를 재사용하고싶을때 추가할수있는 방법이 없을까요?
addClass('col-sm-12 col-md-8 col-lg-8');
로는 안되네요 ㅠㅠ;;
어디선가 보니까
변수에 여러 클래스들의 속성을 저장하는법이 있다는데
예제좀 들어주시면 안될까요?
답변 2
<div id="box" class="col-sm-12 col-md-8 col-lg-8">클래스가 토글 되는 박스</div>
<button id="toggle">클래스 토글</button>
<script>
$(document).ready(function(){
var classes = 'col-sm-12 col-md-8 col-lg-8';
$('#toggle').click(function(){
$('#box').toggleClass(classesToAdd);
});
});
</script>
공용으로 불러와지는 head.sub.php같은 파일에
var classes = 'col-sm-12 col-md-8 col-lg-8'; 와 같이 변수에 저장 해뒀다가 사용하시면 될것같습니다.
안녕하세요.
아래의 내용을 한번 참고해 보시겠어요~
// jQuery를 사용하여 클래스를 추가하고 제거하기
// 클래스들을 저장할 변수 선언
var classList = 'col-sm-12 col-md-8 col-lg-8';
// 특정 요소에서 클래스 제거
$('#yourElementId').removeClass(classList);
// 나중에 다시 같은 요소에 클래스 추가
$('#yourElementId').addClass(classList);
