jquery - jquery ui选项卡动态添加选项卡ID

Question

我有一个使用 jquery ui 选项卡的页面。在此页面中，我需要动态添加和删除选项卡。实现了该功能。现在，每次我添加一个新选项卡时，jquery 都会自动为该选项卡生成一个 id。诸如此类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 ) {}
});