jquery - 如何通过子元素获取选项卡

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 .