活动时的Data Attr在另一个元素上添加类

时间:2018-05-11 21:46:57

标签: javascript jquery toggle custom-data-attribute

我有数据幻灯片项目。 我希望每次点击我的按钮('按钮')来检查'成功项目'是活跃的,例如' slide-item' with data-slide-item =" 1"课程活跃,然后给予活跃的'上课到' tab'使用相同的data-slide-item并删除其余部分。

这是我到目前为止所得到的:

$('button ').on("click", function() {
  console.log('going left ..')
  var myEm = $(".slide-item").data('slide-item');

  $('.slide-item').each(function(){
    if( $(".slide-item").hasClass('active') ){
      if ($('.tab').data('slide-item') == 'item-1') {
        console.log('one');
        $(this).addClass('show').removeClass('hide') ;
        //^^^^^
      } else if ($('.tab').data('slide-item') == 'item-3') {
        console.log('two');
        $(this).addClass('show').removeClass('hide') ;
        //^^^^^
      } else if ($('.tab').data('slide-item') == 'item-2') {
        console.log('three');
        $(this).addClass('show').removeClass('hide') ;
      }    
      $('.tab[data-slide-item = '+myEm+']').addClass('show').removeClass('hide') ;
    } else {
      $('.tab[data-slide-item = '+myEm+']').addClass('hide').removeClass('show');    
    }  
  });
});

0 个答案:

没有答案