我目前有以下代码:
function registerCloseEvent() {
$("#tabs").on("click", ".close", function() {
var tabID = $(this).parents("a").attr("href");
var uuid = $(this).parents("a").attr("data-id");
$(tabID).remove();
var tabFirst = $("#tabs a:first");
tabFirst.tab("show");
$(this).parents("li").remove();
});
}
关闭/删除当前活动选项卡并打开/激活第一个选项卡。
但是我想打开前面的标签而不是第一个标签,并尝试了一切,但没有运气如何实现这一点。
欢迎任何帮助
编辑:HTML代码
<ul class="nav nav-tabs" id="tabs" style="border-bottom: 1px solid rgb(221, 221, 221);">
<li class=""><a href="#tab1" data-toggle="tab"><button class="close closeTab" type="button">×</button>Some Title</a></li>
<li class=""><a href="#tab2" data-toggle="tab"><button class="close closeTab" type="button">×</button>Some Title</a></li>
<li class=""><a href="#tab8" data-toggle="tab"><button class="close closeTab" type="button">×</button>Some Title</a></li>
<li class=""><a href="#tab11" data-toggle="tab"><button class="close closeTab" type="button">×</button>Some Title</a></li>
</ul>
<div class="tab-content" id="tab-content">
<div class="tab-pane" id="tab1"> </div>
<div class="tab-pane" id="tab2"> </div>
<div class="tab-pane" id="tab8"> </div>
<div class="tab-pane" id="tab1"> </div>
</div>
请注意,#tab hrefs是可变的,具体取决于打开的标签数量。