如何使用jquery或javascript获取tabcontainer ID？

我在updatepanel中有一个tabcontainer，我想在tabcontainer下面显示gridview。在选项卡容器内部，按下每个选项卡时可以进行更改，但单击选项卡时无法在gridview中进行更改

目前，我可以看到如下javascript正在工作，正如我使用alert确认的那样

<script type="text/javascript" src="Scripts/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="Scripts/jquery-ui-1.8.13.custom.min.js">
</script>
<script type="text/javascript">
function tabClick() {

    var selected_tab = $("#TabContainer1").tabs();


    alert(selected_tab);
    return;
}

函数tabClick（）{
var selected_tab=$（“#TabContainer1”）.tabs（）；
警报（所选的_选项卡）；
返回；
}

我有一个标签容器，如下所示

<asp:UpdatePanel ID="EmployeeInfoUpdatePanel" runat="server">
    <ContentTemplate>
    <div style="padding-left:205px">
        <asp:TabContainer ID="TabContainer1" runat="server" Width="955px" 
            Height="350px"  CssClass="fancy fancy-green" ActiveTabIndex="0" OnClientActiveTabChanged="tabClick">
            <asp:TabPanel ID="companyTab" HeaderText="Company" runat="server"  ForeColor="Black">  
                <ContentTemplate>
                       codes....

代码。。。。

我已经搜索并找到了一些代码，比如tab.get\u activetab，但是它不起作用。如果我键入所选的\u选项卡。VisualStudio提供了我可以选择的选项，但是对于get\u activetab或\u activeTabIndex没有选项

我想获取一个活动选项卡ID，并将参数传递给C#代码

有可能吗

有人能帮忙吗

---

谢谢

首先，您可以从jquery对象或本机javascript对象获取任何元素的id，如下所示

   // jquery get id of html element
   $(myJquerySelector)[0].id
   $(myJquerySelector).attr('id');

   // native js get id of html element
   document.querySelector(myNativeSelector).id;
   document.getElementById(theID).id;

但你的问题不止于此。要获取活动选项卡的id，只需获取该选项卡即可

   $('.ui-tabs-active')[0].id // will give you the id of the active tab

然后，要将其传递到服务器，您需要。比如：

   $.post('/my/server/path', { id : $('.ui-tabs-active')[0].id });

---

这将把活动选项卡的id发布到您的服务器和c#。

对于直接的javascript函数，我使用下面的方法来获取活动选项卡：

 var tab = document.getElementById('tabContainer');
 var currentTabIndex = tab.control.get_activeTabIndex();
 var currentTabId = tab.control._tabs[currentTabIndex]._tab.id;

---

然后，使用一些AJAX将id返回到服务器。

谢谢您的回答，但很抱歉我不能完全理解。那么myJquerySelector的意思是使用选择器获取tabcontainer？是否类似于$（“TabContainer1”）[0].id？所以，使用您发布的第一个代码和第二个代码获取活动选项卡的id，然后使用第三个代码将其传递到服务器端？如何从服务器端使用该id？谢谢，“TabContainer1”不是有效的jquery选择器，但是。我对您的服务器也不太了解，无法在这方面为您提供帮助。$。这篇文章会像普通的文章一样有效。我已经试过了，但对我来说不起作用。。我认为第一行工作正常，因为若我使用alert for tab，它会显示空值。但从第二条线开始就不起作用了。即使我在代码中添加了警报，它也不会在警报中显示任何内容。抱歉。。意识到我已经在一个事件中测试了这个。我把它移到了onload。试试这个：var tab=document.getElementById（'tabContainer'）；var currentTabIndex=tab.control.\u activeTabIndex；var currentTabId=tab.control.\u tabs[currentTabIndex]。\u tab.id；