我正在使用如下标签结构：
<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 但没有用。
请为此提出解决方案。提前谢谢你。