Jquery 为什么所选选项卡的值不一致？

我注意到，当我单击每个选项卡时，其值不一致-为什么

我想获取“注销”选项卡的索引。我应该怎么做才能使它保持一致

以下是我的jQuery代码：

$(function() {
    $('#tabs').tabs();
    $( "#tabs" ).bind( "tabsselect", function(event, ui) {
        var selected = $("#tabs").tabs('option', 'selected');
        alert(selected);
    });
});

以下是我的HTML代码：

<div id="tabs" class="login-tabs">
    <ul>
        <li><a href="#Home">Home</a></li>
        <li><a href="#Profile">Profile</a></li>
        <li><a href="#Messages">Messages</a></li>
        <li><a href="#Notifications">Notifications</a></li>
        <li><a href="#Find">Find Friends</a></li>
        <li><a href="#Signout">Sign out</a></li>
    </ul>
    <div id="Home">

    </div>
    <div id="Profile">

    </div>
    <div id="Messages">

    </div>
    <div id="Notifications">

    </div>
    <div id="Find">

    </div>
</div>

为什么不一致？因此，我将像if（selected=='1'）@brainedwash一样编写代码，只要是第6个

li

，您就应该得到6作为索引。或者如果它从0.5开始，那么它为什么不一致呢？我错过什么了吗？或者以其他方式知道是否单击了某个选项卡？谢谢

var index = $('#tabs ul').index($('#tabs a[href="#Signout"]'));

if($('#tabs a[href="#Signout"]').parent('li').hasClass('ui-tabs-selected'))
    //signout tab selected