jq简单实现点击按钮跳转页面到指定tab内容

A页面

    查看详情 >    //按钮

    //给a标签添加要跳转的链接，并在链接后面拼接 ? type=1

    查看详情 > 

    查看详情 >

    查看详情 >  

    查看详情 > 

    查看详情 > 

B页面

         

               
• 报告首页

               
• 项目工程总费分析

               
• 分部分项工程费分析

               
• 工料机分析

               
• 同期经济指标分析

               
• 综合指标差异分析

         

 

    

1 

    

2

    

3

    

4

    

5

    

6

 

B页面js：

        var url =location.href;         //获取url
        var typeNum=url.split('?')[1].split("=")[1];     //截取链接后type的值
         $.each($('.catalog-tab  li'),function (i) {
             $('.catalog-tab  li').eq(typeNum-1).addClass('active').siblings().removeClass('active');    //B页面tab选中样式
             $('.report-box  .tab-item').eq(typeNum-1).show().siblings().hide();  //B页面tab对应内容选中样式
         });