jquery ui tabs动态添加了tab id

Question

我有一个使用jquery ui标签的页面。 在此页面中，我需要动态添加和删除选项卡。实现了该功能。现在，每次添加新选项卡时，jquery都会自动为选项卡生成一个id。 Somethig喜欢ui-tabs-1，ui-tabs-3等等。我需要知道，有什么办法可以获得这个id的索引。 （附加的 1 ， 3 ）。因为，我需要在选项卡中使用id以获得一些功能，并且通过动态添加和删除，我可以轻松获得选项卡的ID。

Answer 1

您是否正在寻找 FIDDLE ？希望它有所帮助

$(function () {
    $("#tabs").tabs({
        collapsible: true
    });
});

$("#tabs ul li").on('click', function () {
    var indx = $("li").index(this);
    alert(indx);
});

Answer 2

您可以处理此事件

$( ".selector" ).tabs({
  create: function( event, ui ) {}
});