在Bootstrap中显示特定选项卡

时间:2012-09-12 16:04:32

标签: twitter-bootstrap

我对javascript缺乏以下知识。我有一个导航标签菜单,其中包含5个可以展开的标签。但我希望当页面加载一个特定的选项卡(基于前一页或URL中的参数)进行扩展。在bootstrap页面上,他们有一个例子:
<script> $(function () { $('#myTab a:last').tab('show'); }) </script>
我的问题是我不知道'a'是什么,我不能让它传递一个参数,以便例如我的第二个标签显示。如果我传递整数或#reference而不是'last'它不起作用。任何人都知道这里的语法是什么?

1 个答案:

答案 0 :(得分:3)

#myTab a:last是一个jQuery选择器,表示“包含在标识为<a>的元素中的最后一个#myTab标记。因此该函数在与该选择器匹配的元素上运行show方法。

如果要选择其他元素,可以使用任何jQuery选择器。它们有很多:CSS标准选择器加these ones

针对您的具体问题,您可以通过传递#id或使用:nth-child(2)(意为“第二个孩子的元素”)来选择第二个标签