layui從子iframe打開父iframe的tab選項卡

數據表格字段：

{field: 'novelId', title: '小說ID',width:100,templet: '<div><a href="javascript:;" _href="/contentManage/content-chapters.html" novelName="{{d.name}}" onclick=" showChapters(this,{{d.novelId}});" class="layui-table-link">{{d.novelId}}</a></div>'}

 

function showChapters(obj,param) {

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

            $ = layui.jquery;

            element = layui.element;

           var novelName=$(obj).attr("novelName");

            var url=$(obj).attr("_href")+"?param="+param; //攜帶小說id，展現該小說下的所有章節

            for (var i = 0; i <$('.x-iframe', window.parent.document).length; i++) { //獲取父頁面的dom元素

                if($('.x-iframe',window.parent.document).eq(i).attr('data-id')==param){

                    parent.element.tabChange('x-tab', i);

//x-tab 爲父頁面<div class="layui-tab layui-tab-card site-demo-title x-main" lay-filter="x-tab" lay-allowclose="true"></div>

                    return;

                }

            };

            res = parent.element.tabAdd('x-tab', { //從父頁面添加tab選項卡，若是不指定id，選項卡id會自增

                title: novelName //用於演示

                ,content: '<iframe frameborder="0" data-id="'+param+'" src="'+url+'" class="x-iframe"></iframe>'

            });

            parent.element.tabChange('x-tab', $('.layui-tab-title li',window.parent.document).length-1); //添加選項卡後，默認此tab爲選中狀態

 

            $('.layui-tab-title li',window.parent.document).eq(0).find('i').remove();

 

        });

    }