//關閉所有的tab
	function closeAll(){
		var tiles = new Array();
		  var tabs = $('#tt').tabs('tabs');    
		  var len =  tabs.length;		  
		  if(len>0){
			for(var j=0;j<len;j++){
				var a = tabs[j].panel('options').title;				
				tiles.push(a);
			}
			for(var i=0;i<tiles.length;i++){				
				$('#tt').tabs('close', tiles[i]);
			}
		  }
	}
 

<div id="tt" class="easyui-tabs"  fit="true" plain="true"  border="true" style="width:500px;height:250px;">
		<div title="Tab1" closable="true" fit="true" style="padding:20px;" border="true" style="width:500px;height:250px;">
			<iframe scrolling="yes" frameborder="0" src="t1.htm" style="width:100%;height:98%;"></iframe>
		</div>
		<div title="Tab3"  closable="true" fit="true" style="padding:20px;" border="true" style="width:500px;height:250px;">
			<table id="test" class="easyui-datagrid" fit="true">
				<thead>
					<tr>
						<th field="f1" width="60">field1</th>
						<th field="f2" width="60">field2</th>
						<th field="f3" width="60">field3</th>
					</tr>
				</thead>				
		 	 </table>
		</div>
		<div title="Tab5 with sub tabs" closable="true" fit="true"  style="padding:10px;" border="true" style="width:500px;height:250px;">
			<div class="easyui-tabs" fit="true" plain="true" style="height:100px;width:300px;">
				<div title="Title1" style="padding:10px;">Content 1</div>
				<div title="Title2" style="padding:10px;">Content 2</div>
				<div title="Title3" style="padding:10px;">Content 3</div>
			</div>
		</div>
	 </div>   
 

<a class="easyui-linkbutton" icon="icon-delete" href="javascript:void(0)" onclick="closeAll()">close tab</a>	

因為刪除的時候，len是動態的，所以只能藉助陣列，把所有的title存起來，在刪除操作，效果圖如下：

刪除前：

刪除後：