JQuery中easyui获取tab页对象以及获取tab页对象下的iframe对象和指定tab页对象隐藏

$('#mytabs').tabs({

onSelect:function(){

vartab=$('#mytabs').tabs('getSelected');

zgoto(tab.panel('options').title);

varfinaTab=$('#mytabs').tabs('getTab','财务信息').panel('options').tab;

finaTab.hide();//tab页对象隐藏

vartbId=tab.attr("id");

//获取tab的iframe对象

vartbIframe=$("#"+tbId+"iframe:first-child");

tbIframe.attr('src','.www.baidu.com');

}

});

varreload="";

functionzgoto(tabname){

vartabid="";

if(tabname=="标的简况"){

tabid="pro"

reload="";

}

//………………

vartmpurl='www.baidu.com';

document.getElementById(tabid).src=tmpurl;

}

<divid="mytabs"style="margin-top:10px;">

<divtitle="标的简况"id="proDiv">

<iframeframeborder="0"id="pro"width="100%"height="650"

scrolling="No"frameborder="0"></iframe>

</div>

<divtitle="财务信息"id="finaDiv">

<iframeframeborder="0"id="fina"height="1000"width="100%"

scrolling="No"frameborder="0"></iframe>

</div>

<divtitle="组织结构"id="orgDiv">

<iframeframeborder="0"id="org"height="1000"width="100%"

scrolling="No"frameborder="0"></iframe>

</div>

<divtitle="企业信息"id="compDiv">

<iframeframeborder="0"id="comp"height="1000"width="100%"

scrolling="No"frameborder="0"></iframe>

</div>

<divtitle="详细信息"id="detailDiv">

<iframeframeborder="0"id="detail"height="1000"width="100%"

scrolling="No"frameborder="0"></iframe>

</div>

</div>

相关推荐