Jquery 如何按子元素获取制表符

对于jQueryUI选项卡，有没有办法通过子元素获取选项卡索引

例如：

<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>

如何获取元素$（“#age”）所在选项卡的索引？

这可能会帮助您：

$(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);
});

---

以下是。

您可以使用“最近”方法获取元素的父元素：

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

这不会按要求为您提供“元素X所在的选项卡索引”，

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