首页 >web前端 >js教程 >easyui获取当前选中的tabs实例详解

easyui获取当前选中的tabs实例详解

零下一度
零下一度原创
2017-06-25 09:56:082530浏览

$("#" + $("#tabs").find("iframe")[$(".tabs-header ul li").index($('.tabs-selected')) - 1].id).contents().find(".search_button").click();

这句代码获取easyui当前选中的tabs并触发类为".search_button"的点击事件

 

 $("#tabs").find("iframe")

tabs为easyui的ID,tabs在HTML上加载的就是iframe,所以上面这句代码是获取获取当前打开的所有tabs

(每打开一个tabs,HTML上就多一个iframe,同理每关闭一个tabs,HTML上就少一个iframe,动态加载)

 

$(".tabs-header ul li").index($('.tabs-selected'))

为当前显示的tabs的index,

注:tabs在页面上显示的顺序与HTML上iframe的顺序一致,但由于有首页,所以index会比iframe序号多1,所以要减1

 

 $("#tabs").find("iframe")[$(".tabs-header ul li").index($('.tabs-selected')) - 1]

这样就可以获取到了当前显示的tabs的iframe节点HTML

以上是easyui获取当前选中的tabs实例详解的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn