无法从 Jquery 的子选项卡中获取选项卡 ID答案

【问题标题】：Unable to fetch tab id from sub tab in Jquery无法从 Jquery 的子选项卡中获取选项卡 ID
【发布时间】：2013-09-27 05:01:29
【问题描述】：

我使用的标签结构如下：

<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 .....这是子选项卡之一。

为此，我在 Jquery 中使用了以下函数：

// Save Changes button click
$("#save_changes_id").click(function() {
    //  To retrieve the current TAB and assign it to a variable ...
    var curTab = $('.ui-tabs-active'); 
    var curTabPanelId = curTab.find("a").attr("href");
    responseData = doAjaxCall($(curTabPanelId + " form"));
    if(responseData == 1) 
        showMessage('status_msg', 'Project details updated successfully', 'green');
    else
        showMessage('status_msg', 'Error: Please check all the fields', 'red');
});

这里的函数返回父标签而不是子标签的 id。我尝试使用 addClass 和 removeClass 但没有用。

请为此提出解决方案。提前谢谢你。

【问题讨论】：

可能调试并检查 $('.ui-tabs-active') 返回多少元素。它可能会返回两个元素，一个父元素和另一个子元素。试试 alert($('.ui-tabs-active').length)

标签： jquery tabs

【解决方案1】：

$('.ui-tabs-active') 会找到两个 div，父标签和子标签。尝试使用$('.ui-tabs-active:last') 获取最低级别的选项卡。

【讨论】：

【解决方案2】：

你也可以试试

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

【讨论】：