jquery - 多个选项卡不适用于 Jquery

Question

这是我正在使用的笔，下面是 Jquery。因为我想要一个选项卡样式，例如每个按钮都显示所需的内容。

jQuery

$('.content-canvas').find('div').hide();
$('.content-canvas div:first-child').show();
$('.tab-button span:first-child').addClass('active');
$('.tab-button').find('span').click(function(){
  $('.tab-button').find('span').removeClass('active');
  $(this).addClass('active');
  var currentclass=$('.active').attr('class');
 $('.content-canvas').find('div').each(function(){
    if($(this).attr('class')==currentclass)
    {
      $('.content-canvas').find('div').hide();
      $(this).show();
    }
    else
    {
      $(this).hide();
    }
});
});

Answer 1

1. 你在课前少了点active

   var currentclass = $('.active').attr('class');
   

2. 此外，如果你这样做alert(currentclass)，它会告诉你它说“content2 active”之类的东西。可能不是你所期望的。你可以和data-name="content2". 然后你选择：

   var currentname = $('.tab-button .active').data('name');
   $('.content-canvas [data-name="'+currentname+'"]').show().siblings().hide();