Here is the code for my attempt:
$(function() {
//for que inicie o tabs e depois de um refresh em todos os tabs existentes.
for (var i = 0; i <= 9; i++) {
for (var j = 0; j <= 9; j++) {
for (var k = 0; k <= 9; k++) {
$("#tabs" + i + "" + j + "" + k + "0").tabs();
$("#tabs" + i + "" + j + "" + k + "0").tabs("refresh");
}
}
}
});
function funcaoExcluir() {
alert("como faço isso");
}
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><scriptsrc='https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js'></script><scriptsrc='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js'></script><scripttype="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.13.0/umd/popper.js"></script><br> <buttontype='button'onclick='funcaoExcluir()'>excluirtabselecionadaeseuconteudo</button></button><divid="inicio" class="col-md-12" style="margin-top: 20px; width: 112%; z-index: 1;">
<div style="float:right; margin-right:200px;"><button class="btn btn-danger" onclick="removerDiv()">Remover <span class="glyphicon glyphicon-trash" aria-hidden="true"></span></button></div>
<div id="tabs0000" class="col-md-12 ui-tabs ui-corner-all ui-widget ui-widget-content">
<ul id="ul-tabs" role="tablist" class="ui-tabs-nav ui-corner-all ui-helper-reset ui-helper-clearfix ui-widget-header">
<p> <small style="font-weight:normal; color: black; float:left;"> Sistema(s)</small></p>
<li id="li1100" role="tab" tabindex="-1" class="ui-tabs-tab ui-corner-top ui-state-default ui-tab" aria-controls="tabs1100" aria-labelledby="ui-id-1" aria-selected="false" aria-expanded="false"><a href="#tabs1100" role="presentation" tabindex="-1" class="ui-tabs-anchor" id="ui-id-1">sissisisisisi1</a></li>
<li role="tab" tabindex="0" class="ui-tabs-tab ui-corner-top ui-state-default ui-tab ui-tabs-active ui-state-active" aria-controls="tabs2100" aria-labelledby="ui-id-4" aria-selected="true" aria-expanded="true"><a href="#tabs2100" role="presentation" tabindex="-1" class="ui-tabs-anchor" id="ui-id-4">sissisisisisi 200 </a></li>
</ul>
<div id="tabs1100" style="margin-left: -19px; display: none;" class="col-md-12 ui-tabs-panel ui-corner-bottom ui-widget-content ui-tabs ui-corner-all ui-widget" aria-labelledby="ui-id-1" role="tabpanel" aria-hidden="true">
<p> <small style="font-weight:normal; float:left; color: black; margin-left:10px;">Camada(s)</small></p>
<ul id="ul-tabs11" role="tablist" class="ui-tabs-nav ui-corner-all ui-helper-reset ui-helper-clearfix ui-widget-header">
<li role="tab" tabindex="0" class="ui-tabs-tab ui-corner-top ui-state-default ui-tab ui-tabs-active ui-state-active" aria-controls="tabs1110" aria-labelledby="ui-id-2" aria-selected="true" aria-expanded="true"><a href="#tabs1110" role="presentation" tabindex="-1" class="ui-tabs-anchor" id="ui-id-2">ADMIN </a></li>
</ul>
<div id="tabs1110" style="margin-left: -19px;" class="col-md-12 ui-tabs-panel ui-corner-bottom ui-widget-content ui-tabs ui-corner-all ui-widget" aria-labelledby="ui-id-2" role="tabpanel" aria-hidden="false">
<p> <small style="font-weight:normal; float:left; color: black; margin-left:10px;">Servidor(s)</small></p>
<ul id="ul-tabs11" role="tablist" class="ui-tabs-nav ui-corner-all ui-helper-reset ui-helper-clearfix ui-widget-header">
<li role="tab" tabindex="0" class="ui-tabs-tab ui-corner-top ui-state-default ui-tab ui-tabs-active ui-state-active" aria-controls="tabs1111" aria-labelledby="ui-id-3" aria-selected="true" aria-expanded="true"><a href="#tabs1111" role="presentation" tabindex="-1" class="ui-tabs-anchor" id="ui-id-3">Gdd2dMrwwAW1</a></li>
</ul>
<div id="tabs1111" style="margin-left: -19px;" class="col-md-12 ui-tabs-panel ui-corner-bottom ui-widget-content" aria-labelledby="ui-id-3" role="tabpanel" aria-hidden="false">
<div class="col-md-12 divGrafico" id="grftabs1111" style="width: 100%;" data-highcharts-chart="0">
<h1>grafico</h1>
</div>
</div>
</div>
</div>
<div id="tabs2100" style="margin-left: -19px; margin-top: 10px;" class="col-md-12 ui-tabs-panel ui-corner-bottom ui-widget-content ui-tabs ui-corner-all ui-widget" aria-labelledby="ui-id-4" role="tabpanel" aria-hidden="false">
<p> <small style="font-weight:normal; float:left; color: black; margin-left:10px;">Camada(s)</small></p>
<ul id="ul-tabs12" role="tablist" class="ui-tabs-nav ui-corner-all ui-helper-reset ui-helper-clearfix ui-widget-header">
<li role="tab" tabindex="0" class="ui-tabs-tab ui-corner-top ui-state-default ui-tab ui-tabs-active ui-state-active" aria-controls="tabs2110" aria-labelledby="ui-id-5" aria-selected="true" aria-expanded="true"><a href="#tabs2110" role="presentation" tabindex="-1" class="ui-tabs-anchor" id="ui-id-5">ADMIN duhsdhsudus</a></li>
</ul>
<div id="tabs2110" style="margin-left: -19px;" class="col-md-12 ui-tabs-panel ui-corner-bottom ui-widget-content ui-tabs ui-corner-all ui-widget" aria-labelledby="ui-id-5" role="tabpanel" aria-hidden="false">
<p> <small style="font-weight:normal; float:left; color: black; margin-left:10px;">Servidor(s)</small></p>
<ul id="ul-tabs12" role="tablist" class="ui-tabs-nav ui-corner-all ui-helper-reset ui-helper-clearfix ui-widget-header">
<li role="tab" tabindex="0" class="ui-tabs-tab ui-corner-top ui-state-default ui-tab ui-tabs-active ui-state-active" aria-controls="tabs2112" aria-labelledby="ui-id-6" aria-selected="true" aria-expanded="true"><a href="#tabs2112" role="presentation" tabindex="-1" class="ui-tabs-anchor" id="ui-id-6">GEOM22222BW20</a></li>
</ul>
<div id="tabs2112" style="margin-left: -19px;" class="col-md-12 ui-tabs-panel ui-corner-bottom ui-widget-content" aria-labelledby="ui-id-6" role="tabpanel" aria-hidden="false">
<div class="col-md-12 divGrafico" id="grftabs2112" style="width: 100%;" data-highcharts-chart="1">
<h1>grafico2</h1>
</div>
</div>
</div>
</div>
</div>
</div>
When doing click no botão
delete I need to delete all the content that appears in the selected link, and delete the tb link itself, I also need to check when there are no more items or "links", even a alert("não há mais itens" );
p>