有時候當我們開啟很多tabs選項卡時,要關閉它只能一個一個的進行關閉,顯然太麻煩,這時可以在選項卡的最右邊新增一個按鈕 實現關閉全部。

function openTab(text, url, iconCls) {
            if ($("#tabs").tabs("exists", text)) {
                $("#tabs").tabs("select", text);
            } else {
                var content = "<iframe frameborder=0 scrolling='yes' style='width:100%;height:100%;' src='
 
" + url + "'></iframe>";
                $("#tabs").tabs("add", {
                    title: text,
                    iconCls: iconCls,
                    closable: true,
                    content: content
                });
                //獲取最後一個tabs 在新加的選項卡後面新增"關閉全部"
                var
 
 li = $(".tabs-wrap ul li:last-child");
                $("#close").remove();
                li.after("<li id='close'><a class='tabs-inner' href='javascript:void()' onClick='javascript:closeAll()'>關閉全部</a></li>");
            }
        }
        function closeAll() {
            $(
 
".tabs li").each(function(index, obj) {
                //獲取所有可關閉的選項卡
                var tab = $(".tabs-closable", this).text();
                $(".easyui-tabs").tabs('close', tab);
            });
            $("#close").remove();//同時把此按鈕關閉
        }