SOURCE

console 命令行工具 X clear

                    
>
console
var index = 0;

       function addPanel(){

           index++;

           $('#tt').tabs('add',{

              title: 'Tab'+index,

              content: '<div style="padding:10px">Content'+index+'</div>',

              closable: true

           });

       }

       function removePanel(){

           var tab = $('#tt').tabs('getSelected');

           if (tab){

              var index = $('#tt').tabs('getTabIndex', tab);

              $('#tt').tabs('close', index);

           }

       }
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/color.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.min.js">
</script>
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js">
</script>

<div id="tt" class="easyui-tabs" data-options="tools:'#tab-tools'"

    style="width:300px;height:150px">

</div>

<div id="tab-tools">

    <a href="javascript:void(0)" class="easyui-linkbutton"

    data-options="iconCls:'icon-add'" onclick="addPanel()"></a>

    <a href="javascript:void(0)" class="easyui-linkbutton"

    data-options="iconCls:'icon-remove'" onclick="removePanel()"></a>

</div>