html data 속성 조건문 질문입니다 ㅠ
본문
갑자기 조건에 대한 멘붕이 와서..
현재 슬라이드 돌릴때마다 특정 a태깅에 active라는 클래스를 주려고하거든요?
슬라이드 :
<div data-slick-index=0> </div>
<div data-slick-index=1> </div>
<div data-slick-index=2> </div>
<div data-slick-index=3> </div>
특정 a
<a href="#" data-slide="1">
<a href="#" data-slide="2">
<a href="#" data-slide="3">
<a href="#" data-slide="4">
현재까지 짜둔 code인데 조건문만 조언 가능하시면 부탁드릴게요..
$('.main_slider-for').on('afterChange', function(event, slick, currentSlide, nextSlide){ //슬라이드가 바뀔때
var slide_no = $('.slick-active').data('slick-index')+1; // 슬라이드의 data 1,2,3,4
var tab_no = $('.main_slider-nav a').data('slide'); // tab 의 data 1,2,3,4
if(슬라이드 data 숫자를 갖고있는 main_slider-nav a는){
addClass('active') 해라
}else{
다른애들은 removeClass('active')해라
}
});
답변 1
$(`[data-slide]`).removeClass('active');
$(`[data-slide=${slide_no}]`).addClass('active');
백틱은 IE에서 먹지 않는것인가요..ㅠ?
백틱이 안된다면 백틱이 적용될 수 있게 babel을 이용하시거나
$("[data-slide="+slide_no+"]").addClass('active');
이런식으로 사용하세요.
감사합니다!
$('#tab_'+slide_no).addClass('active');
아이디로 임시방편 처리했는데
볼피드님껄로하니 원활하게 잘되네요! 감사해요!
볼피드님 pwa 알림 판매는 언제 재개되나요?
답변을 작성하시기 전에 로그인 해주세요.