Data Attr при активном добавлении класса в другой элемент

Question

У меня есть data-slide-item. Я хочу, чтобы каждый раз, когда моя кнопка нажималась («кнопка»), чтобы проверить, активен ли «success-item» и если, например, «slide-item» с data-slide-item = "1" имеет активный класс, то дать ' активный 'class to' tab 'с тем же элементом data-slide и удалить с остальных.

Вот что я получил до сих пор:

$('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');    
    }  
  });
});

Answer 1

Трудно понять твой вопрос ... однако помогает ли это?

//Remove all active classes from the tabs
$('.tab[data-slide-item]').removeClass('active');
// add it to the myEm item
$('.tab[data-slide-item="'+myEm+'"]').addClass('active');