Hello, World!
이전 목록 다음
채택완료

html data 속성 조건문 질문입니다 ㅠ

바바트컨트롤
프로필 보기이 회원 글보기이 회원의 댓글보기
 4년 전 1,794

갑자기 조건에 대한 멘붕이 와서..

 

현재 슬라이드 돌릴때마다 특정 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인데 조건문만 조언 가능하시면 부탁드릴게요..

Copy 
$('.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개 / 댓글 4개

채택된 답변
+20 포인트
볼볼피드
프로필 보기이 회원 글보기이 회원의 댓글보기
 4년 전

Copy 
$(`[data-slide]`).removeClass('active');
$(`[data-slide=${slide_no}]`).addClass('active');

답변에 대한 댓글 4개

바트컨트롤
프로필 보기이 회원 글보기이 회원의 댓글보기
 4년 전
백틱은 IE에서 먹지 않는것인가요..ㅠ?
볼피드
프로필 보기이 회원 글보기이 회원의 댓글보기
 4년 전
백틱이 안된다면 백틱이 적용될 수 있게 babel을 이용하시거나
[code]
$("[data-slide="+slide_no+"]").addClass('active');
[/code]
이런식으로 사용하세요.
바트컨트롤
프로필 보기이 회원 글보기이 회원의 댓글보기
 4년 전
감사합니다!
$('#tab_'+slide_no).addClass('active');
아이디로 임시방편 처리했는데
볼피드님껄로하니 원활하게 잘되네요! 감사해요!
SㅣR어드민
프로필 보기이 회원 글보기이 회원의 댓글보기
 4년 전
볼피드님 pwa 알림 판매는 언제 재개되나요?

답변을 작성하려면 로그인이 필요합니다.