Javascript jQuery中的同级()不工作

Javascript jQuery中的同级()不工作,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我尝试使用jQuery实现选项卡。使当前选项卡类处于活动状态是可行的,但使其同级的类为null是无效的 jQuery(文档).ready(函数(){ jQuery('.container.tab链接a')。on('click',函数(e){ var currentAttrValue=jQuery(this.attr('href'); console.log(currentAttrValue); //jQuery(this.addClass('active').sides.removeClass

我尝试使用jQuery实现选项卡。使当前选项卡类处于活动状态是可行的,但使其同级的类为null是无效的

jQuery(文档).ready(函数(){
jQuery('.container.tab链接a')。on('click',函数(e){
var currentAttrValue=jQuery(this.attr('href');
console.log(currentAttrValue);
//jQuery(this.addClass('active').sides.removeClass('active');
//显示/隐藏选项卡
//jQuery(currentAttrValue).show().hide();
//将当前选项卡更改/删除为活动选项卡
jQuery(this.addClass('active');
jQuery(this).sides().find('a').removeClass('active');
jQuery('each_tab').not(currentAttrValue).css(“display”,“none”);
jQuery(currentAttrValue).css(“显示”、“块”);
e、 预防默认值();
});
});


表1的内容
表2的内容 表3的内容
您正在选择
标记,然后调用
jQuery(this.sibbines()
。但是
标记没有任何兄弟;是他们的父母(标签)有兄弟姐妹。您应该调用
jQuery(this).parent().siblines()

您正在选择
标记,然后调用
jQuery(this).siblines()
。但是
标记没有任何兄弟;是他们的父母(标签)有兄弟姐妹。您应该调用
jQuery(this).parent().sibbines()

问题中的
元素没有同级。包含
  • 元素的

    瞄准那些 — 以及它们的后代
    标记 — 取而代之的是:

    jQuery(this).parent().siblings('li').find('a').removeClass('active');
    
    您的
    每个_选项卡
    查询可以替换为:

    jQuery('.tab-content > div').not(currentAttrValue).
       hide().  
       addClass('tab--inactive').
       removeClass('tab--active');
    jQuery(currentAttrValue).
       show().
       addClass('tab--active').
       removeClass('tab--inactive');
    
    问题中的
    元素没有兄弟元素。包含
  • 元素的

    瞄准那些 — 以及它们的后代
    标记 — 取而代之的是:

    jQuery(this).parent().siblings('li').find('a').removeClass('active');
    
    您的
    每个_选项卡
    查询可以替换为:

    jQuery('.tab-content > div').not(currentAttrValue).
       hide().  
       addClass('tab--inactive').
       removeClass('tab--active');
    jQuery(currentAttrValue).
       show().
       addClass('tab--active').
       removeClass('tab--inactive');