欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-18 15:55:49
...
$("#" + $("#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实例详解的详细内容,更多请关注其它相关文章!