Javascript 未显示相应父选项卡下的子选项卡

单击Tab2，它显示的是

您只有两个id*=sub-tab的元素，所以index==2不会显示任何内容

以下是您可能希望如何编辑JS以使其按您希望的方式工作（可能）：

$(document).ready(function(){
    $("div[id*=sub-tab] li").hide();
    $("div[id*=sub-tab] li").first().show();
    $("div[id*=sub-tab]").find("ul > li.is-active").parent().parent('div').show();
    $('.ti_tabs ul li').click(function(){
        $('.ti_tabs ul li').removeClass('is-active');
        $(this).addClass('is-active');
        var items = $('div[id*=sub-tab] ul li');
        items.hide();
        $(items[$(this).index()]).show();
    });
});

您只有两个id*=子选项卡的元素，所以index==2将不会显示任何内容

以下是您可能希望如何编辑JS以使其按您希望的方式工作（可能）：

$(document).ready(function(){
    $("div[id*=sub-tab] li").hide();
    $("div[id*=sub-tab] li").first().show();
    $("div[id*=sub-tab]").find("ul > li.is-active").parent().parent('div').show();
    $('.ti_tabs ul li').click(function(){
        $('.ti_tabs ul li').removeClass('is-active');
        $(this).addClass('is-active');
        var items = $('div[id*=sub-tab] ul li');
        items.hide();
        $(items[$(this).index()]).show();
    });
});

我认为您只有2个子选项卡和3个LIs，因此索引不匹配。
我认为您只有2个子选项卡和3个LIs，因此索引不匹配。
提供html代码。@Kind用户编辑以包含html。请正确指定您的问题。您只有2个子选项卡和3个li可单击，因此对于Tab3，索引将为2，而且它找不到任何子选项卡提供html代码。@Kinduser编辑为包含html。请正确指定您的问题。您只有2个子选项卡，需要单击3个li，因此对于Tab3，索引将为2，并且它找不到任何子选项卡
$(document).ready(function(){
    $("div[id*=sub-tab] li").hide();
    $("div[id*=sub-tab] li").first().show();
    $("div[id*=sub-tab]").find("ul > li.is-active").parent().parent('div').show();
    $('.ti_tabs ul li').click(function(){
        $('.ti_tabs ul li').removeClass('is-active');
        $(this).addClass('is-active');
        var items = $('div[id*=sub-tab] ul li');
        items.hide();
        $(items[$(this).index()]).show();
    });
});