无法从Jquery中的子选项卡获取选项卡id

我使用的选项卡结构如下所示：

<div id="tabs">
        <ul>
            <li><a href="#dia_details">Details</a></li>
            <li><a href="#tab_raise_req">Raise Req</a></li>
        </ul>
        <div id="dia_details">
            <div id="sub_tabs">
                <ul>
                    <li><a href="#DIA_details">DIA Details</a></li>
                    <li><a href="#allocate_ba">Allocate BA</a></li>
                </ul>
                <div id="DIA_details>
                    <form>
                    --Code--
                    </form>
                </div>
                <div id="allocate_ba">
                    <form>
                    --Code--
                    </form>
                </div>
            </div>
        </div>
        <div id="tab_raise_req">
            <form>
                --Code--
            </form>
        </div>

在这里，函数返回父选项卡的id，而不是子选项卡的id。我尝试使用addClass和removeClass，但没有用

请对此提出解决方案。提前感谢。

$（“.ui选项卡处于活动状态”）

将找到两个div，即父选项卡和子选项卡。尝试使用

$（'.ui-tabs-active:last'）

获取最低级别的选项卡

你也可以试试

    var curTab = $('#sub_tabs .ui-tabs-active'); 

可能调试并检查$（'.ui tabs active'）返回多少个元素。它可能返回两个元素，一个是父元素，另一个子元素。try alert（$（'.ui-tabs-active'）.length）

    var curTab = $('#sub_tabs .ui-tabs-active');