Tab通过页面不同按钮动态添加和跳转，layui Tab删除和不删除共存

做tab页面时layui不尽人意，稍作修改
<div class="layui-tab" lay-allowClose="true"  lay-filter="demo" >
    <ul class="layui-tab-title" id="tabContent">
        <li class="layui-this first-tab">首页</li>
    </ul>
    <div class="layui-tab-content">
        <div class="layui-tab-item layui-show">
            <button onclick=getAddTab("A")></button>
        </div>
    </div>
</div>

<script>
function getAddTab(A) {
//避免重复添加tab
    if($("[lay-id='"+A+"']").length>0){
        layui.use('element', function(){
            var element = layui.element;
            element.tabChange('demo', ""+A+"");
        });
        return;
    }
//点击添加后自动跳转
    layui.use('element', function(){
        var element = layui.element;
        element.tabAdd('demo', {
                 title: "标题A"
                ,content: "Tab通过页面不同按钮动态添加和跳转"//支持传入html
                ,id: A
            }
        );
//跳转到
        element.tabChange('demo', ""+A+"");
    });
}
</script>

layui Tab删除和不删除共存

.first-tab i.layui-tab-close{
display:none!important;
}
<ul class="layui-tab-title">
<li lay-id="1" class="first-tab">首页</li>
<li lay-id="2" class="layui-this">XXXX</li>
</ul>