如何通过子元素获取制表符

Question

使用jQuery UI选项卡，有没有办法通过子元素获取选项卡索引？

示例：

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">First</a></li>
        <li><a href="#tabs-2">Second</a></li>
    </ul>

    <div id="tabs-1">
        <input type="text" id="name">
    </div>
    <div id="tabs-2">
        <input type="text" id="age">
    </div>
</div>

脚本：

$("#tabs").tabs();

如何获取元素$（“＃age”）所在的制表符索引？

Answer 1

这可能会对您有所帮助：

$(function() {
    var parentId,tabIndex;

    $( "#tabs" ).tabs();

    parentId = $("#age").parents("div[id*='tabs']").attr("id");
    tabIndex = $("li a[href='#"+parentId+"']").parents("li").index();

    console.log("#age : "+ tabIndex);
});

这是Fiddle。

Answer 2

您可以使用最近的＆＃39;来获取元素的父级。方法：

var currentTab = $('#age').closest('div');