如何设置选项卡容器中的活动选项卡而不使用选项卡的索引？

Question

我有一个标签容器，称之为tbcSP。它有三个面板，每个都带有ID，它们运行IES，workIss和katIss。

现在，我使用链接转到使用查询字符串保存制表符容器的页面。在那里我没有问题。我可以从链接/查询字符串中获取面板的ID（例如：单击default.aspx上的厨房链接并获取查询字符串../staff.aspx?id=katIss）。我可以看到如下的示例：如何使用选项卡的索引设置活动选项卡。但是如果我有选项卡的ID，我该怎么做？

有没有办法让一个数组，并找到索引，如果ID是相同的？或者，我试过了，是否有另一种说法：$ find（“tbcSP”）._ tabs [ - what here - ] ._ show（）

这是我的脚本语言到目前为止：

<script type="text/javascript"> 
     function pageLoad() { 
      var surl = unescape(window.location); 
      var con = surl.substr(surl.indexOf("id=")+3, surl.length); 
      findTab(con); 
     } 

     function findTab(con) { 
      alert(con); 
      if (con != "") { 
       $find("tbcSP")._tabs[0]._show(); 

      } 
     } 
    </script> 

就像我说的那样，我可以得到我想要的或我点击的任何链接。但假设我不知道索引，我该如何设置活动选项卡？

在此先感谢

Answer 1

如果有标签的id，你可以简单地设置一个类与ID的元素。

var id; // assume has a value 
document.getElementById(id).className = 'active'; 

然后使用CSS为您的活动选项卡和您的非活动选项卡设置风格。

.tab { 
    /* CSS for inactive tabs */ 
    color:gray; 
} 
.tab.active { 
    color:black; 
}