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>