Layui的Tab切页

<div class="layui-tab" lay-filter="tab_good">
       <ul class="layui-tab-title">
            <li class="layui-this">普通商品</li>
            <li>特殊商品</li>
       </ul>
       <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">11</div>
            <div class="layui-tab-item layui-show">22</div>
       </div>
</div>

使用组件

    layui.use(['element'], function () {
        var $ = layui.$,

            element = layui.element;
    });

切换事件

        //切换tab
        element.on('tab(tab_good)', function(data) {
            nomalGoods(data.index);
        });

设置选中

$('.layui-tab-title li').eq(index).addClass('layui-this').siblings().removeClass('layui-this')
$('.layui-tab-item ').eq(index).addClass('layui-show').siblings().removeClass('layui-show')