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 ) {}
});