我有数据幻灯片项目。 我希望每次点击我的按钮('按钮')来检查'成功项目'是活跃的,例如' 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');
}
});
});