查找选定的选项卡索引/名称答案

【问题标题】：Find the selected tab index/name查找选定的选项卡索引/名称
【发布时间】：2014-03-28 14:10:47
【问题描述】：

我知道如何检测用户何时从标签切换到标签：

$(function() {
            $("#tabs").tabs({
                activate: function(event,ui) {
                     alert('selected: '+ui.newTab);

                  }
            });

问题是我不知道如何获取此选项卡的标识符，所以要知道它是哪个选项卡...newTab 对象是一个 jquery 对象并且有很多属性但我找不到适合我的需要。另外......难道不能为每个标签定义我自己的ID吗？编辑：这是我的html：

div id="tabs" class="centered">
                <ul>
                    <li><a href="tab1.html">Tab1</a></li>
                    <li><a href="tab2.html">Tab2</a></li>

                </ul>
            </div>

【问题讨论】：

标签： jquery jquery-ui jquery-ui-tabs

【解决方案1】：

你可以直接拨打.index()ui.newTab

$(function () {
    $("#tabs").tabs({
        activate: function (event, ui) {
            alert(ui.newTab.index());
        }
    });
});

http://jsfiddle.net/4SMh3/

【讨论】：

【解决方案2】：

使用active 选项：

var numberOfSelectedTab = $("#tabs").tabs("option", "active");

https://api.jqueryui.com/tabs/#option-active

【讨论】：