html增加关闭标签页,easyui 在子页面使用按钮关闭标签页/选项卡

需求：

easyUI 关闭tab页

方法：

$("#tt").tabs("close", title) 或者 $("#tt").tabs("close", index)

业务场景：

1.当按钮和tab页处于同一个html

//method one (参数传递为title)

var tab = $("#tt").tabs("getSelected"); //获取当前选中的tab对象

var title = tab.panel("options").title; //获取title

$("#tt").tabs("close", title); //关闭当前tab页

//method two (参数传递为index)

var tab = $("#tt").tabs("getSelected"); //获取当前选中的tab对象

var index = $("#tt").tabs("getTabIndex", tab); //获取当前tab的索引

$("#tt").tabs("close", index ); //关闭当前tab页

2.当tab页处于按钮的父级页面

//method one (参数传递为title)

var tab = window.parent.$("#tt").tabs("getSelected"); //获取当前选中的tab对象

var title = tab.panel("options").title; //获取title

window.parent.$("#tt").tabs("close", title); //关闭当前tab页

//method two (参数传递为index)

var tab = window.parent.$("#tt").tabs("getSelected"); //获取当前选中的tab对象

var index = window.parent.$("#tt").tabs("getTabIndex", tab); //获取当前tab的索引

window.parent.$("#tt").tabs("close", index ); //关闭当前tab页

注：文中$("#tt")为带有class="easyui-tabs"的div，想要关闭的tab页在它的子元素下